Problème Menu Déroulant CSS

Bonjour tout le monde,

Je recherche à faire un menu déroulant pour un site en Css mais le déroulant ne fonctionne pas vraiment.

Je vous propose le Css sue je suis en train de faire.

ul{
margin: 0;
padding: 0;
}
li{
float: left;
}
div.hmenu a {
margin: 0;
width: 106px;
height: 30px;
float: left;
display: block;
background: #fff;
border: none;
color: #000;
font-family: Tahoma,Arial, Helvetica, sans-serif;
font-size: 11 px;
font-weight: normal;
text-align: center;
text-decoration: none;
}
div.hmenu a:link, div.hmenu a:visited{
color: #fff;
padding: 7px 0 0 0;
background: url(pics/bts_menu01a.png);
}
div.hmenu a:hover{
color: #000;
padding: 7px 0 0 0;
background: url(pics/bts_menu01a.png) 0 -30px;
}
div.hmenu #current{
color: #ffff00;
padding: 7px 0 0 0;
background: url(pics/bts_menu01a.png) 0 -30px;
}

et maintenant le Html


<div class="hmenu">
<ul>
<li><a href="?url=01" id="current">Pages d'Accueil</a></li>
<li><a href="?url=02">Les nouvelles</a></li>
<li><a href="?url=03">Test 01</a>
<ul>
<li><a href="?url=01">test 02</a></li>
</ul>
</li>
</ul>
</div>

J'espére vraiment que quelqu'un pourra m'aide a ce sujet.

Merci d'avance et bonne continuation,
GallyHC