IE7 float left y problema de apilamiento

Question

Pregunta rápida sobre los elementos flotantes que quedan con IE7. Básicamente tengo algo de HTML como éste

<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 
<div><a href></a></div> 

Los divs necesitan alinearse junto a la otra línea horizontal.

En este momento los divs flotan a la izquierda y las etiquetas de anclaje en su interior tienen imágenes de fondo, ancho, alto y pantalla: bloque.

A partir de ahora funciona en todos los navegadores, excepto IE6 + 7. En esos dos navegadores, todo se apila el uno sobre el otro como una pila verticalmente. ¿Hay una manera rápida de arreglarlo para IE? Solo tengo acceso al archivo CSS. No puedo editar el HTML.

Answer 1

tratar de usar esto:

zoom: 1; // IE hack to trigger hasLayout 
*display: inline; // IE hack to achieve inline-block behavior 
*float: none; 

sólo será leído por el IE, es un truco, pero ya no se puede acceder al html, podría funcionar.

Answer 2

Asegúrate de tener el ancho del contenedor principal que envuelve tus div que estás flotando a la izquierda. También establece el ancho de cada div que está flotando a la izquierda y debería funcionar.

<div id='wrap-it'> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
    <div><a href></a></div> 
</div> 
<style> 
    #wrap-it { width: 200px; } 
    #wrap-it div { float: left; width: 50px; } 
</style>