Question

I am not sure how to best describe the problem I am having here. I got a CSS driven menu online and adapted it to my needs. It works perfectly in all browsers but in IE it appears that the when you move over from the main navigation to the dropdowns list a items, it does not always capture the movement and then “closes” the dropdown.

I suspect that when you move to over to the dropdown that the list a item does is not a block element thus it closes the dropdown, this only happens if you’re not moving to the dropdown and not completely over the text of the list a item.

Here is the link: http://www.tepgtests.co.za/decorex/2012/new_site/ – if you move over from “Shows” to “Durban” and not entirely move your mouse cursor over the word but rather over to the dropdown you will see what it does.

Thank you in advance 🙂

Answer 1

There’s a 1px of white space,

hovering that space closes the submenu because your not hovering the menu anymore…

try removing it by moving the submenu just below the menu:

.navigation_bar .first_level_menu_block {
      left: 0;
      top: 50px;
}

tested in IE9 , it works