<div id='containerbalanceo'>
<ul id='menubalanceo'>
<li><a href='#'>menú principal</a>
<ul>
<li><a href='#'>1nivel de menu</a>
<ul>
<li><a href='#'>2nivel de menu</a></li>
</ul>
</li>
<li><a href='#'>ejemplo</a></li>
<li><a href='#'>ejemplo2</a</li>
</ul>
</li>
<li><a href='#'varios2</a> <ul>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a></li>
<li><a href='#'>4</a></li>
</ul>
</li>
</ul>
</div>
He conseguido hacer aparecer el segundo nivel de menú con el mismo estilo y animación, pero sale encima del primer nivel tapando a este, si le doy estilo con left:X se mueve el bloque del segundo nivel pero se pierde dentro del container del primer nivel sin poder verse. Es lo único que me queda para poder verlo funcionar correctamente.
Alguien ve donde puede quedar el fallo? he probado varias veces pero no lo consigo aún, gracias!
Lo añado en dos mensjaes porque no me deja ponerlo entero en uno, sorry.