Someone recently informed me about a very odd float jumping bug in one
of my sites while using IE 7 (Win XP).
The problem occurs on the main page of this site:
It's a pretty simple layout, with one main column and a sidebar
floated to its left. The main column has a left margin that's a bit
bigger than the floated sidebar.
Here's the problem: Occasionally, in IE 7, the floated column jumps
from the place it's supposed to be to overlap the main column:
When this happens, one can either hit the reload button or change the
window size a bit and everything falls into place like it's supposed
Has anyone out there seen this bug? It's hard to reproduce reliably.
So far I've tried giving the #sidebar position:relative (which I
needed for IE6), and I've tried giving it layout with the proprietary
"zoom: 1" in the ie7.css file (I'm using conditional comments to have
some extra rules for IE6 and below and some for IE 7). Neither seems
to fix it, though once the problem has "fixed" itself it sometimes
stays that way until the computer is restarted.
Any suggestions for solutions? The easiest would be to just put it in
a two-cell table, of course, but that's cheating.
Thanks in advance,
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/