CSS dropdown menu not working

HTML & CSS
1

I created a css dropdown menu so my site will work with iphones. The dropdown is working correctly except for when you hover over a dropdown the sub items in the menu expand but when you hover over them the image on the main dropdown item looses it’s color. I have it setup so that a different image is displayed when the mouse is hovering over it. Here is a link to pretty much the same code I have on my website. I just want the image to stay the same whether I am hovering over the main menu item or the subitems. Any help would be much appreciated.

2

Hi,

I’m not really sure why you are using a table or a button element instead of normal html element but that’s a question for another day.:slight_smile:

You can make the rollover persistent by actioning it on the hover of the list and not on the element itself.

e.g.


#cssdropdown li:hover .MAINMENUBAR{
    background: url(http://www.freewebsitebuttons.com/action_buttons/buy_orange.jpg) 0 0 no-repeat;
}
3

Thanks Paul that CSS worked. I switched the button to a div I’m not sure why I had that button in there. I hate working with CSS stuff thanks for the help.