Rollover for .category-top .category-products

[racquel]

This was the only way that i could get a rollover effect for the two classes in the category/products sidebox:

:hover.category-top {}
:hover.category-products {}

[NB - i have used a ch_category module that has expanded the sub-categories]

It currently works just-fine in Firefox - the boxes highlight as soon as the mouse enters the box, however in IE - the mouse must hover over the text inside the box until the entire box will highlight.

Maybe i've gotten the code wrong or maybe it's a cross-browser irk. Is there another [better] way I can write a rollover command for these two classes in the CSS so that the whole box is affected in IE as it is in Firefox?

link to the website

[kobra]

Look in the downloads area for the rollover module.