Menu Desplegable En CSS 
y no logro hacer que se me muestre el submenu, ya probe varios codigos y no me funcionan espero me puedan ayudar les dejo el codigo <body>
<div id="container">
<div class="wrapper">
<div id="header">
<img id="logo" src="assets/img/logo lucy index.png" Alt="Lucy OM"/>
<ul id="menu">
<li><a href="#">galería</a></li>
<ul id="submenu1">
<li><a href="#">Maternidad/Bebés</a></li>
<li><a href="#">Niños</a></li>
<li><a href="#">Familias</a></li>
<li><a href="#">Fiestas Infantiles</a></li>
<li><a href="#">Fotografía Personal</a></li>
</ul>
<li><a href="#">sesiones</a></li>
<li><a href="#">bio</a></li>
<li><a href="#">testimonios</a></li>
<li><a href="#">contacto</a></li>
<li><a href="#">clientes</a></li>
<li><a href="#">blog</a></li>
</ul>
</div><!--header-->
<div id="main">
</div><!--main-->
</div><!--wrapper1-->
<div id="footer">
<div class="wrapper">
<div id="rights">
<p>All rights reserved. Lucy OM / Lucía Ortega Figueroa 2011</p>
</div><!--rights-->
</div><!--wrapper2-->
</div><!--footer-->
</div><!--container-->
</body>
Hoja de Estilo
.wrapper {
width:960px;
margin: 0 auto;
}
#logo {
float:left;
}
#menu li {
color:#fff;
display:inline;
padding:0 0 0 25px;
font-size:16px;
font-family:Verdana, Geneva, sans-serif;
position:relative;
}
#menu{
padding:115px 0 0 0;
}
ul#menu ul a {
display:block;
font-size:10px;
}
ul#menu ul {
margin:4px 0 0 370px;
color:#fff;
background:#d70078;
width:8%;
padding:0 0 2px 3px;
position:absolute;
display:none;
}
#menu ul li:hover > ul {
display: block;
}
Muchas Gracias :D
