Problem z rozwijanym menu

[w2k3]

Cześć,

mam problem z wysuwanym sub-menu, http://test.piekne.net > usługi i po najechaniu na our doctors nie da się kliknąć/najechać, bo znika.

CODE:

Kod:

</div><!--#horiz_m-->

<nav id="nav_h">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => '','menu_id'         => 'menu',) ); ?>
</nav>
</div><!--#horiz_m_bg-->

CSS:

Kod:

#nav_h {width:960px; height:auto; margin:0 auto; position:relative;}

#menu {display: table; padding: 0 10px 0 !important; margin: 0 auto; overflow: hidden; font-size: 20px; background: #FAFAFA;}
#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li:hover {background: #404040;}
#menu li a {display: block; color: silver; text-decoration: none; padding: 7px 10px 7px;}
#menu li a:hover {background: #404040; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;}

/*animation - CSS3*/
*:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}

/*Border - CSS3*/
#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}

[camelrafal]

jak zrobisz te cienie normalnie a nie w absolute to będzie działało
usun position:absolute z .subhead_shadow_bottom oraz z .subhead_shadow

---

usun z #subhead background-color

---

i najpierw daj subhead_shadow_bottom a dopiero potem subhead_shadow w kodzie (html) zmień kolejność tych elementów