Viekeestdiese
New Member
In all browsers except Internet Explorer 7 - 9 my drop down navigation works.In Internet Explorer 7 - 9 the drop down gets hidden when it goes outside navigation.
Navigation HTML example (simplified):\[code\]<header id="masthead"> <div id="header-content"> <nav> <ul class="menu menu-primary"> <li class="menu-item"> <a href="http://stackoverflow.com/questions/14439949/#">Item 1</a> </li> <li class="menu-item has-sub"> <a href="http://stackoverflow.com/questions/14439949/#">Item 2</a> <ul class="sub-menu"> <li class="menu-item"> <a href="http://stackoverflow.com/questions/14439949/#">Sub-Item 1</a> </li> <li class="menu-item"> <a href="http://stackoverflow.com/questions/14439949/#">Sub-Item 1</a> </li> </ul> </li> </ul> </nav> </div></header>\[/code\]\[code\].sub-menu\[/code\] is hidden and on hover visible. I use \[code\]position:absolute;\[/code\] to position it under the parent menu-item.I have tried with setting \[code\]overflow:visible;\[/code\] on all elements surrounding my navigation.. still no luck.