IE hover?

[jam]

right so i've just completed a page and am starting to debug it for use with IE as well as FF (i wrote the page while testing in FF) and i realised that the :hover doesnt work on IE but it works fine inn FF..... is tere any reason why this could be? here's the basic style i've got:

TD.td-middle{
background-color:#9FFF9F;
border-left-color:#FF99FF;
border-left-style:dotted;
border-left-width:3;
border-right-color:#FF99FF;
border-right-style:dotted;
border-right-width:3;
display:none;
}
TD.td-middle:hover{
background-color:#FFFF99;
}

the first style works fine in FF and so does the hover... then the first style works fine in IE but the hover oesnt... any help would be appreciated... thx JAM

[LeeU]

IE doesn't apply the hover to anything but links. It should work in IE 7. See this. (http://blogs.msdn.com/ie/archive/2005/07/29/445242.aspx)

[jam]

ie's a b*tch lol...... so i guess my next option is javascript lol....

[Centauri]

Not really. Just put a dummy a=href pointing nowhere in the particular cells, then style the a tags to display standard cursor instead of pointer.

Cheers
Graeme

[bokeh]

Have a look at the mosaic on this page (http://bokehman.com/rollover/). It is an example of using an <a> element to force the hover effect in IE.