duda sobre margenes

hola, buenos días.

tengo un problemilla con unos márgenes... en la hoja de estilos ha indicado los márgenes de un menú que tengo a la izquierda (copié el tutorial y solo cambié el valor de los márgenes... creo) pero ahora cuando modifico estos valores el manú no se mueve... lo quiero tener pegado justo a la izquiera (separado arriba, abajo y a la derecha) pero se queda siempre en la misma posición... Es un listado...
Y otra cosa, cuelga del contenido, o sea es más largo que el contenido y enconces sale por debajo ¿cómo puedo arreglarlo?. Gracias.

CSS:
#nuve {background-color:#FFC125; width:150px; float:left; text-align:left; margin:10px 4px 4px 0px;}
#nuve li {list-style:none; margin:4px 0px 4px 10px; font-size:12px}
#nuve h1 {font-family:lucida sans unicode; text-transform:lowercase; color:black; text-decoration:none ; font-size:16px ; margin:10px 0px 4px 10px;}
#nuve h2 {font-family:lucida sans unicode; text-transform:lowercase; border-top: 2px dotted #C6E2FF; color:black; text-decoration:none ; font-size:14px ; margin:0px 0px 4px 0px;}

html:
<div id="nuve">
<ul><h1>adopción</h1><li><h2><a href="#">A</a></h2></li><li><a href="#">A1</a></li><li><a href="#">A2</a></li><li><a href="#">A3</a></li><li><a href="#">A4</a></li><li><a href="#">A5</a></li><li><h2><a href="#">B</a></h2></li><li><a href="#">B1</li></a><li><a href="#">B2</a></li><li><a href="#">B3</a></li><li><a href="#">B4</a></li><li><a href="#">B5</a></li><li><a href="#">B6</a></li<li><h2><a href="#">C</a></h2></li><li><a href="#">C1</a></li><li><a href="#">C2</a></li><li><a href="#">C3</a></li><li><a href="#">C4</a></li><li><a href="#">C5</a></li><li><a href="#">C6</a></li><li><a href="#">C7</a></li><li><h2><a href="#">FORO</a></h2></li></ul>
</div><!-- fin Nuve -->

hola.
he puesto un valor negativo en el margin y si se desplaza.