hover problem in css dropdown menu

[TManagement]

Hi All,

I am busy styling a drupal module called nice menu. It is completly written in CSS.

the menu links are being build up as li for the first links and li li for the links under it etc.

I have applied hover effect which work in ff but not all in IE 6.0. for example, li li.menuparent does work in IE but not the normal first links li.

At the moment I cannot provide the code since I am on the road. But after some posts here I got impressed by the knowlidge of people here so.....hopefully somebody understands my post right away.

If not, I will post the code.

[elduderino]

Hi,

IE 6 does not recognise the :hover pseudo element if it is attached to any selector other than a. So:

li {color: red;}

li:hover {color: blue;}

will not work in IE ( or opera i think) but will work in most other browsers.

You'll need to apply the hover to the a element in your menu:

a { color: blue;}

a:hover, a:link, a:visited, a:hover, a:active, a:focus { color: red;}

Or you can force hover to work with elements other than a using some javascript. Just do a search for it in google if you're interested.

[Dan Schulz]

Opera can handle :hover just fine. It's just Internet Explorer (5, 5.5 and 6) that can't handle it.

If you need a CSS based menu, check this one out:
http://www.sitepoint.com/forums/show...07&postcount=4

If you have any other questions, feel free to ask. My PM box is always open (I have a vertical menu as well, if that's what you need).

[TManagement]

Thanks for the replies.

The problem that it did not worked in the beginning was due to a overide of the CSS of nice menu with my own stylesheet.....