¿Cómo puedo pegar completamente a la izquierda una lista desplegable?

[C2am]

Hola
Bueno, la teoría indica que al tener posicionado en forma absoluta tu sublista (ul li ul), bastaría con fijarle a tu nav o elemento ancestro a la lista primaria la posicion:relative y quitarle esa propiedad a los items ul li.
La idea es que la sublista tome como referencia el elemento ancestro que fluirá, y de este modo se acomodará en la posición que deseas.

Ejemplo:
http://jsfiddle.net/c2am/5KZk2/9/embedded/result/

Código HTML:

<nav id="menu_bar">
<ul id="main_menu">
<li class="main_button"><a href="">Novedades</a>
<ul>
<li class="bottom_nov">Novedades</li>
</ul>
</li>
<li class="main_button"><a href="">Quienes somos</a>
<ul>
<li class="bottom_qui">Quienes somos</li>
</ul>
</li>
<li class="main_button"><a href="">Colabora</a>
<ul>
<li class="bottom_col">Colabora</li>
</ul>
</li>
<li class="main_button" id="desp_menu"><a href="">Numeros</a>
<ul>
<li class="bottom_num">Numeros anteriores</li>
</ul> 
</li>
</ul>
</nav>
 

Código CSS:

nav{
margin:0 auto;
font-family:bold 'Roboto Condensed', sans-serif;
font-size:1em;
    background:#f5d8e4;
    position:relative;
}
 
nav > ul > li{ 
list-style: none;
display: inline-block;
 
margin-top:1.563em;
margin-left:1.563em;
margin-bottom:1.563em;
}
 
nav > ul > li > a{
color:inherit;
font-weight:bold;
text-decoration:none;
 
}
 
nav > ul > li > a:hover{
background-color:#FF0;
}
 
 
nav li ul{
position:absolute;
list-style:none;
text-align:left;
left:0px;
max-height:0px;
overflow:hidden;
 
-webkit-transition:max-height 0.2s linear;
-moz-transition:max-height 0.2s linear;
transition:max-height 0.2s linear;
}
 
nav li:hover ul{
overflow:visible; 
 
}
 
nav li ul li{
font-size:120px;
font-weight:900;
margin-top:25px;
    margin-left:0;
}
 

Saludos