Menue déroulant

Bonjour,

j'essaie de faire un menu déroulant horizontale, mais je n'y arrive pas. J'ai déjà réussit à faire apparaître le sous-menu mais la ca ne fonctionne plus et il est devenu à la vertical. Je débute et je ne veux pas empirer les choses ;). Est-ce que vous pouuriz me dire ce qui ne fonctionne pas dans ce css?

body
{
font: 11px TW Cent TM, Verdana, sans-serif;
background: #FFFFFF url("") top left no-repeat;
margin: 0;
padding: 0;
}
#menuDeroulant
{
width: 644px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
}
#menuDeroulant li
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}
#menuDeroulant li :hover > .sousMenu { display: block; }