Previous Message
Next Message

:hover in IE7 / IE6

Sent by Ingo Chao on 10 November 2006 08:08


Jonathan, in case this thread is about


IE7 has a new hover bug, we've seen it in several threads now [1,2]

The fix is to give IE 7 something to do, a kick, whatever. Some 
properties (we know of because of an old IE6 bug) seem to trigger this 
kick [2].

Here, I use background-position.

#menuHead a.menuLink:hover {
color: #903;
text-decoration:underline;
background-color:#fff;

background-position: 0 0; /* kicks IE 7 */
}


..menuStyle a:hover {
color: #a70119;
background-color: #fff;
text-decoration:underline;

background-position: 0 0; /* kicks IE 7 */
}


Of course, one could just type

   background: #fff 0 0;

but that would cover the nature of this hack, and would be a maintenance 
problem.


I hope this helps, just checked the fix on a simplified local copy.

Please keep the URL always in your message. It's not easy to read this 
thread.

Ingo

[1] http://archivist.incutio.com/viewlist/css-discuss/81235
[2] http://archivist.incutio.com/viewlist/css-discuss/81331



-- 
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
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/
Previous Message
Next Message

Message thread:

Possibly related: