Why does my border change with 1 zoom in or out?

http://webs.ashlandctc.org/csimmons/sites/Communicast/pages/2.0_beta.htm

When you zoom in (Ctrl + “+”) or out (Ctrl + “-”) once, the bottom border to the banner image (that thing with the hideous typography) messes up a pixel. I don’t understand why. Using FF.

Thanks.

Edit: Also, I can’t figure out why my fuchsia div (#content) won’t expand with the divs inside it… I guess its because they’re floating, but I don’t know a better way to align them. :\ Meh.

Neither problem is that bothering. Just curious.

Doesn’t do it when I tried. Also side note… add this to your css…


#content:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

…to solve the overflow issue with your floats :thumb2:

(-: Thank you. I’ll start using those options in my stuff. (Padding/overflow/margins screw me up so much it’s unbelievable).
I think it’s just a browser thing. I think I do banners in an iffy way because it messes up a little in FF and the edges of the centered banner are noticeable in IE. Eh, I think I need to start making fixed sites.