IE 7 CSS weirdness
November 8th, 2006 | by BenRecently I was working on getting all of our sites updated to work with IE 7. Came across a possible bug in the software. I'm not sure why, but IE 7 was ignoring my background color when hovering over a navigation link when i set the background to white (#fff or #ffffff). Eventually I had to alter the code for the hover element to display almost white (#fffffe) in order to get it to work. You can see where this happened here:
[update]The client has taken over the site and severely altered the design and site structure. The changes have been so drastic (and to the detriment of the site) we’ve removed our design tag and removed the site from our portfolio.[/update]
http://www.northeastretailadvisors.com/. The style sheet to fix it is located here: http://www.northeastretailadvisors.com/wp-content/themes/NeRA-1.1/css/ie7.css. The code I eventually ended up using is this;
#nav ul li a:hover { color: #51505f; background: #fffffe; }
Other background colors such as black (#000), dark gray (#333 or #333333) worked but for some reason white did not. IE 6 and 5.5 treated it fine with a white background. Strange, but this is a Microsoft product…

POWERED