Petit souci lié à la mise en forme d'un menu

Bonjour,

Je voudrais que lors du survol d'une rubrique du menu le trait ainsi que les sous rubriques soient en dessous du nom de la rubrique.

code css du menu :

<!-- 
.noJs{display:none}

#menuphoto {margin-left:25px;list-style-type:none;font:1.1em cursive;height:35px}
#menuphoto dl {float: left}
#menuphoto li {display: inline;}
#menuphoto dd {position:absolute;border-top:1px solid #33FF66;width:auto;height:25px;
left:10px;padding-top:5px;background:#fff;font-size:.8em;display:none;left:auto;
border-top:1px solid #666666;}

#menuphoto a,#menuphoto dt {margin-right:10px;padding:2px 5px;text-decoration:none;color:#000;}
#menuphoto dd a {background-color:#fff;padding:1px 4px;margin-right:1px}
#menuphoto a:link:hover,#menuphoto a:link:active{text-decoration:underline;background-color:#fff;color:#000}
-->

Page html en question: ici

Merci.