Cita:
Iniciado por josephhh 
Si los div son elementos de bloque, dos div seguidos deberían quedar uno debajo del otro. Sin embargo a mí me quedan uno al lado del otro. ¿A qué se debe?. Gracias
Hola,
Decirte que a mí me pasaba lo mismo, y lo solucioné (me funciona tanto con IE como con Firefox), con el siguiente código:
ul { /* all lists */
margin: 0;
border: 0 none;
padding-left: none; /* Esto es para que se desplacen a la dcha */
/* width: 500px;*/ /*For KHTML*/
width:12em; /* MUY IMPORTANTE */
list-style: none;
text-decoration:none;
height: 20px;
border:1px solid #fff;
padding-bottom:5px;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
li { /* all list items */
margin: 0;
border: 1;
padding-left: 2.4em; /* Esto es para que se desplacen a la dcha */
float: left; /*For Gecko*/
display: block;
list-style: none;
position: relative;
height: 20px;
padding-bottom:0px;
font-weight: normal;
font-size: 11px;
color: #6e6e6e;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
li ul { /* second-level lists */
display: none;
position: relative; /* "relative" hace que se abra el menú hacia abajo */
top: 1em;
left: 5;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
background:#D1F3FF;
display:inline-block;
}