Hi Joan,

You've run across, in my opinion, one of the most intractable and frustrating 
bugs in IE - congrats! While I can't exactly explain why IE does what it's 
doing (I doubt anyone can...), I can tell you it probably has to do with the 
background color hover effect that's being applied to the links you mentioned.

See, IE redraws the screen when the hover effect is applied, and for a variety 
of reasons it will calculate lengths incorrectly. These include, but are almost 
certainly aren't limited to:

* A confluence of floats, a parent element with padding, and a background 
property (like a background color being applied)
* Floats with negative margins
* Applying both the left and right properties under certain circumstances

I also think the problem is related to the peekaboo bug, so you may want to 
check the fixes here: http://www.positioniseverything.net/explorer/peekaboo.html

I had to re-do my CSS for my last site because someone noticed that when a 
background-color hover effect on my nav menu was triggered, the entire nav 
column would shift over 10 pixels. I ended up having to remove the padding off 
the parent element (the body) and muck around with the dimensions of every 
container element - fun!

If you want a quick fix, I think you could simply remove the background-color 
text effect. Not ideal, I know, but you could probably trigger a 
text-decoration:underline; instead.

HTH,

C.

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to