Pequeño problemas con menu!

Hola gente!,
Tengo un problema usando css para crear un menu!, el problema es que en IE se ve de una forma y en mozilla se ve de otra! (en mozilla el alto es compacto y en IE el alto es mas Expandido) el menu esta en esta direccion! LINK (para hacer el menu use el tutorial que esta en esta pagina, no me acuerdo como se llama!).


pongo parte del codigo del css

Código :

/*-------------------------MENU CARACTERISTICAS-------------------------------*/
#menucontenedor {
   width:180px;
   height:auto;
   margin:0 5px 0 5px;
}
ul#secciones {
   list-style:none;
   margin:0;
   padding:0;
}
ul#secciones li {
   background-image:url(../img_menu/punto.gif);
   background-position:bottom;
   background-repeat:repeat-x;
   padding-bottom:4px;
   padding-top:4px;
}
ul#secciones li a {
   display:block;
   width:180px;
   height:16px;
   text-decoration:none;
}
ul#secciones li a:hover {
   background-position:center;
}
ul#secciones li a:active {
   background-position:bottom;
}
ul#secciones li a span {
   display:none;
}
/*-------------------------/MENU CARACTERISTICAS-------------------------------*/

Gracias!

Problema resuelto!!

el menu lo saque de este tutorial LINK

yo no usaba el atributo: float por que me generaba algunos problemas!, lo que hice fue agregar el float (como en el tutorial) y agregar un contenedor con el atributo overflow:auto y listo problema resuelto!

este es parte del codigo!

Código :

ul.secciones li {
   background-image:url(../img_menu/punto.gif);
   background-position:bottom;
   background-repeat:repeat-x;
   padding-top:4px;
   padding-bottom:4px;
   float:right; /*IMPORTANTE PARA IE 7*/
}

.contenedorsubmenu {
   width:180px;
   height:auto;
   overflow:auto; /*IMPORTANTE PARA MANTENER TODO EN FORMA VERTICAL [POR CULPA DEL FLOAT]*/
}

Gracias!