No puedo posicionar listas en menú

[AEP]

Bueno, tengo este problema y no puedo posicionar las listas. Justamente cuando el menú se despliega las listas quedan muy a la derecha.
Este es el código que he estado utilizando:

Código:

#menu, #menu ul {
   padding:5px 0px; 
   margin-left: 57px; 
   list-style: none; 
   line-height: 1.2;
}

#menu a {
   display: block; 
   width: 0.8em; 
   text-decoration: none;
}

#menu li {
   float: left; 
   width: 5.3em;
}

#menu li ul {
   position: absolute;
   background: white;
   width: 7em;
   left: -999em;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
}

#menu li ul ul {
   margin: 10em 0 0 0;
   }

#menu li:hover ul ul, #menu li.sfhover ul ul {left: -999em; }

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {left: auto;}