Probleme menu déroulant

Bonjour à tous,

voilà j'ai un soucis avec un menu déroulant qui... n'apparait tout simplement pas. J'ai suivi plusieurs guides mais impossible de voir mon erreur. Peut-être y verrez vous plus clair.

Voici mon CSS

#menu {
padding: 0 45px 0 45px;
position: relative;
background: #209D9D url(images/img02.gif) repeat-x top left;
margin: 0 0 0 0;
height: 60px;
line-height: 60px;
width: 890px;
border-top: solid 1px #5AD7D7;
text-shadow: 0 1px 1px #007D7D;

}

#menu a {
text-decoration: none;
color: #FFFFFF;
font-size: 1.25em;
letter-spacing: -1px;
}

#menu ul {
list-style: none;
}

#menu ul li {
padding: 0 20px 0 20px;
display: inline;
}

#menu ul li.first {
padding-left: 0;
}

#menu ul ul {
display : none;
}

div# ul li:hover > ul{
display : block;

}



et le HTML

<div id="menu">
<ul>
<li class="first current_page_item"><a href="#">Accueil</a></li>

<li><a href="forme.html">Forme</a>

<ul>
<li> Régime </li>
<li> Sport </li>
<li> Tonus </li>
</ul>

</li>

<li><a href="#">Bien-Etre</a>
<ul>
<li> plop </li>
</ul>
</li>
<li><a href="#">Contact</a>
</li>
<li><a href="#">Boutique</a></li>
<li></li>
</ul>
<br class="clearfix" />
</div>