Alinear un Menu en lista... ayuda pls !!

[meminho]

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

[Daniel Ulczyk]

Lo que primero debés hacer es resetear el margin del body

Código HTML:

    body {
    margin: 0;        
    }

Y, por otro lado, el margin:0 del #nav sacálo y ponélo en

Código HTML:

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

Agregando además padding:0;