If you look at this page: h**p://www.justpressplay.biz/files/ In firefox the spacing of the top 10 downloads on the right upper portion of the page looks fine, but in IE the spacing is larger for some reason causing the images not to line up as seen in this image: h**p://www.justpressplay.net/error.gif Anyone know what I can do about this? Thanks (sorry they arent links, I dont want it to get indexed right now)
try to play with #feature-1 ol { and #feature-1 ol li { and #feature-1 ol li.first{ also why do you have margin set for "ol" and "ol li", I think you could combine that try the following as a fix #feat... margin: 0 2px 5px 0 !important; margin: 0 2px 4px 0; /* maybe 3 px for 4 px */ Firefox will read the first value and IE will read the last value this works pretty well usually.
While I'm too lazy to look at the markup, I am instinctively against CSS hacks. Couldn't you put the bottom border in another div and repeat the border slice along the X axis? It's not the IE doubled margins bug is it? If the element you're having trouble with is floated to the left it could be. Google it
I think the border near the box is the problem because IE doesn't include border in width etc. but Firefox does.
The IE box model problem shouldn't be an issue here if you're using IE6 - he's used the line <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> which will put IE into standards mode where its interpretation of the box model is correct.
Jamie, Ok, you just solved some major problems I've been having with cross browser compatibility by explaining it that way. Thankyouthankyou! K