Ask questions and get good answers on mb.jQuery.components

I have build a navigation menu using the mbmenu demo boxmenu as a template. Not supprising everything works great in firefox, but i have clients using ie to. My menu has a problem that is also visible in the original demo (http://pupunzi.com/mb.components/mb._menu/demo/demo.html). When the demo page has loaded and you click on boxmenu, the menu with the three logo's becomes visible. If you move the mouse from left to right over this menu you will see that the mouseover effect does not (always) propperly follow the mouse. Does anyone know how to fix this?

asked Feb 06 '11 at 11:17

bzuidgeest's gravatar image

bzuidgeest
11


i think it's a problem with the display: inline-block, there are some hacks to bring ie on the right turn

try following changes in the css

old: display: inline-block;

new: display: inline-block; zoom: 1; *display: inline;

the element needs to set the hasTags flag, when there is no width/height set on the element the flag is not set and ie render false

give it a try or search for "ie display inline-block" there are some other solutions

answered Feb 09 '11 at 17:29

Abu's gravatar image

Abu
711

Your answer
toggle preview

jQuery main site - Matteo Bicocchi