CSS Transitions, overflow:hidden issue in a dropdown menu preventing next level submenu from showing

First post so bear with me. I have a multilevel dropdown menu and have added a height transition to give the dropdown a cool scroll effect. Problem is that for some reason the transition only works properly if the overflow on the hidden ul is also hidden. this wouldn't be a problem if I didn't have yet another level of submenu. With overflow:hidden; on the parent ul, you can't see the nested ul that is offset to the right exactly the width of the parent. If I make overflow:visible; in the hover rule-set, then I lose the beginning transition and only get the effect when stop hovering.

Vertical Overflow Problem with Internet Explorer

Hi Everyone,

I'm trying to implement a multi-tab/accordion style menu to my site. However, the overflow of the menu is not displaying correctly on IE (of course!).

Here is the link to the menu (located on the left side). It is displaying fine in FF, but for IE, the overflow is going over to the footer.


Can anyone give me any suggestions to fix this issue?

Thank you in advance.


ie6 moving the last top menu button to the next line ;(

Hi Guys,

trying to find an ie6 hack for this problem I'm getting in ie6. I've got a top menu and its increasing the space from 2px between each button to about 3/4px space between which in turn is dropping my final button to the next line.

This is a link to the example of what is happening: http://www.kazyaz.co.uk/menuexample.html
I've embeded the code below.

Hope someone can help Cool

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Syndicate content