Problème décalage menu déroulant

/************************
	menu horizontal
*************************/
#nav {
position: relative;
width: 1000px;
height: 23px;
z-index: 100;
}

#menu {
position:absolute;
display: table;
list-style-type: none;
vertical-align: middle;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
border: 0;
}

#menu ul{
margin: 0;
padding: 0;
border: none;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
}

#menu li {
list-style-type: none;
float: left;
height: 23px;
padding: 0;
width: auto;
border: 0;
margin: 0px 0px 0px 10px;
text-align:left;
}

#menu li a:link, #menu li a:visited{
display: block;
height: 14px;
margin: 0;
padding: 4px 0px;
font-weight: bold;
text-decoration: none;
}

#menu li a:hover {
color:red;
font-weight:bold;
}

/*********************
sous-categories
**********************/
#menu .submenu {
display: none;
margin: 0;
padding-top: 0px;
padding-left: 0px;
border: 1px solid black;
background-color: white;
}

#menu .submenu li {
float: none;
margin: 0;
padding: 0;
}

#menu .submenu ul {
float: none;
margin: 0;
padding: 0;
background-color: white;
width: auto;
}

#menu .submenu li a:link, #menu .submenu li a:visited {
text-align: left;
color: black;
margin: 0;
padding: 3px 0px 0px 3px;
border: 0;
text-decoration: none;
background-color: white;
height: 20px;
}

#menu .submenu li a:hover {
background-color: #cccccc;
}

#menu li:hover > .submenu {
display: block;
}