CSS INLINE-BLOCK para todos los navegadores

El estilo INLINE-BLOCK, que nos permite usar capas para solaparlas horizontalmente sin necesidad de usar el parámetro Float, resulta que funciona como un inline en Internet Explorer, o si usamos retornos de carro o con algunos objetos html dentro de la capa, también nos puede dar problemas en tal navegador.

Bien, la siguiente configuración de una capa os puede ayudar a hacer compatible el inline-block con todos los navegadores actuales, incluido IE.




<style>
#bloque {
width: 120px; /* el ancho es personalizable */
min-height: 80px; /* el alto es personalizable */
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 5px;
zoom: 1; /* IE7 */
*display: inline; /* IE */
_height: 80px; /* IE6 */
}
</style>


A solaparnos que se ha dicho! :)