css - Chrome glitch and Hover event -
i have weird problem chrome only. have menu on website submenu shows when parent item hovered. here's css :
.menu .lifirstlevel ul { position: relative; background-image: url(/imgs/bg-submenu.jpg); background-repeat: repeat; } .menu .lifirstlevel:hover ul { display: block; z-index: 5; padding: 0px; line-height: 30px;
}
here's problem : lets supppose have parent menu submenu contains 3 options. :
<ul class='menu'> <li class='lifirstlevel'> <ul class='submenu'> <li>submenu1</li> <li>submenu2</li> <li>submenu3</li> </ul> </li> </ul>
when hover ul.menu, submenu display, supposed to. when try select 1 of subitem menu, disapear crusor @ middle height of first subitem... in exemple above, reach middle height of "submenu1" submenu disapear. here's strange part : if minimize chrome , bring back, bug gone... menu 100% functionnal. i'm pretty sure css ok...
any ideas of can try ? tried many things. hope i'm clear, it's bit complex explain !
thanks
Comments
Post a Comment