Aligner ses sous menu par rapport au menu

Bonsoir à tous,
j'ai un petit problème par rapport à mon menu déroulant,les sous menus ne sont pas centrés en dessous et son décalés......
Pouvez vous m'aider...Merci

voici le code css

#menu ul {

margin:0;
padding:0;
list-style-type:none;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#000;
text-decoration: none;
margin-top:20px;

}
#menu li {
float:left;
margin:0;
padding:0;
margin-left:4px;
background-image: url(img/fondmenu2.gif);
background-repeat: repeat-x;
border: medium outset #0FF;

}
#menu li a {
display:block;
width:122px;
color:white;
text-decoration:none;
padding:5px;
top: 5px;
right: 0px;
bottom: 10px;

}
#menu li a:hover {
color:#333;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}