jquery - overflow hidden ruining hover menu -

jquery - overflow hidden ruining hover menu -

i'm having big problem "overflow: hidden" getting added @ runtime hidden "ul" in dropdown menu.

the code create menu items display correctly on hover is:

$(document).ready(function() { $("ul#main_nav li.has_children").hover(function() { $(this).children('ul').stop(true,true).slidedown(200); }, function() { $(this).children('ul').stop(true,true).slideup(150); }); });

the menu runs smoothly grandchildren aren't displaying. on closer inspection via inspect element, see overflow: hidden remaining on "ul" when it's parent hovered upon.

if add together .css("overflow", "hidden"); grandchildren show slidedown no longer animated.

weirdly, works on firefox. i'm not sure why overflow:hidden getting set, i'm not sure go next.

would appreciate help!

jquery css drop-down-menu overflow