inline-block? nunca hubiera esperado esa respuesta a este problema, aunque no lo he probado supongo funcionara, pero lo recomendable es limpiar el float ya que es el problema real que tiene.
esto se realiza de dos formas posibles:
Opción 1.- aplicar overflow: hidden o auto al elemento padre (opción recomendada)
Código CSS:
Ver original#contenedor
{
width: 986px;
margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px;
padding: 0;
height: 200px;
background: yellow;
overflow:hidden;
}
Opción 2.- aplicar un div vació o algún elemento al final de tu contenido con la propiedad clear: (both, left, right)
Código HTML:
Ver original <div class="contiene1">** ABC **
</div> <div class="contiene2">** DEF **
</div> <img src="spacer.gif" style="clear:both;" />