I have two divs, #nav (floated left) & #content. They do not touch each
other at all and have 0 margins & padding, except for #content, which
has a left margin 10px greater than the width of #nav.
In IE 6 & 7, i'm seeing a 1-pixel or so shift to the right in the text
that is inside #content where it runs beside #nav. That is, below the
bottom of nav, the text correctly hugs the left side of #content. It's
sort of like text wrapping around a float, but actually seems to be that
a 1- or 2-pixel magical buffer is being created to the right of #nav.
Any clues? You can see it in the following test case:
I know there are a bunch of "1-pixel bugs" for IE--and i think i've seen
this very one before--but i can't find anything about this particualr one.
Both html (i tried both XHTML-Transitional and HTML 4.01 strict) & CSS
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/