Foros del web, para los que viven de bits

Chavos(as)
Necesito saber por que este menu no se puede mover hacia la izquierda.
Se pone como unos 50px a la derecha del margen izquierda y desconozco la razón.


HTML

<div id="nav">
<ul>
<li class="home"><a href="/" title="Inicio">Página de Inicio</a></li>
<li class="about"><a href="/about/" title="La Empresa">La Empresa</a></li>
<li class="services"><a href="/services/" title="Consulta las propiedades en Venta">Propiedades en Venta</a></li>
<li class="promise"><a href="/promise/" title="Consulta las propiedades en Renta">Propiedad en Renta</a></li>
<li class="contact"><a href="/contact/" title="Contactanos">Contactanos</a></li>
</ul>
</div>

CSS

/* Main Navigation */

#nav { float:none;
width: 210px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size:11px;
margin:0;}

#nav ul { list-style-type: none;
letter-spacing: 1px; }

#nav li a { text-decoration: none; }

html>body #nav li a { height:33px; } /* be nice to Opera again */

#nav li a:link, #nav li a:visited {
color: #fff;
display: block;
background-color: #417DBB;
padding: 13px 0 0 15px; }

#nav li.home a:link, #nav li.home a:visited { background-color: #417DBB; }
#nav li.about a:link, #nav li.about a:visited { background-color: #538BC8; }
#nav li.services a:link, #nav li.services a:visited { background-color: #5998CE; }
#nav li.promise a:link, #nav li.promise a:visited { background-color: #77ACD6; }
#nav li.contact a:link, #nav li.contact a:visited { background-color: #87B3DA; }

#nav li.home a:hover, #nav li.about a:hover, #nav li.services a:hover, #nav li.promise a:hover, #nav li.contact a:hover {
color: #FFF;
background-color: #3E76B1;
padding: 13px 0 0 15px;
}


Slds

Lo que primero debés hacer es resetear el margin del body
Y, por otro lado, el margin:0 del #nav sacálo y ponélo en
Agregando además padding:0;