View Full Version : IE6 positioning issue

06-27-2007, 10:38 PM

Everything works great in Firefox and Safari (as usual), but in IE6 Win there is a 3 or 4 pixel gap at the bottom of the main content area and left column. I am not sure what the problem is.


I have tried a lot of different messing around with margins, padding, borders, floats, etc... but I can't solve the issue.

Help would be greatly appreciated.



06-28-2007, 08:02 PM
EDIT: Wasn't that, i was too quick.

06-28-2007, 08:16 PM
Try this:

#right_nav li {
float : left;
padding-right : 5px;
height : 24px;
display : block;
list-style-type : none;
line-height : 1.9em;
letter-spacing : 0.1em;
color : #ffffff;

07-01-2007, 02:37 AM
Just for your information the problem was the Internet Explorer Expanding Box Bug (http://www.positioniseverything.net/explorer/expandingboxbug.html) (affecting IE6 and below)

Related to the problem, I recommend not fixing the height of a div element using a pixel measure. The box won't scale under text zoom in Firefox, but the text within the box does scale. This means that text may be spilling out of the boxes under text zoom.

Alternatives include (1) setting a min-height instead of a height, (2) setting the height using the em unit, or (3) setting no height (i.e. height: auto).