inline-block en IE7 - Menu horizontal

[ezeslafer]

Hola gente, tengo un menu horizontal que no se comporta correctamente en IE7 o inferior. les paso el link:

[URL="http://www.bmfotografia.com/"]http://www.bmfotografia.com/[/URL]

El menu problemático es el que está arriba del titular.

css (solo para ie7 o inferior):

.container ul li{
*display: inline; /* IE */
_display: inline; /* IE6 */
font-size: 14px;
color: #FFFFFF;
top: 0px;
left: 0px;
position: absolute;
text-align: left;
vertical-align: top; /* BASELINE CORRECCIÓN */
_height: 21px; /* IE6 */
}

Gracias.
Un abrazo. Ezequiel

[alexk]

#menu ul {float:left;}
agrega un float left... que es lo mejor en este caso, pero vamos usar un <ul> para cada <li> lo veo un poco "extraño" por no decir otra cosa vamos jeje... chao y suerte...

PD: igual sivamos a usar las imagenes (<img/>) ya dentro de li almenos yo veo sobrando los ul y li... no?

[JulioRFA]

Uhhh, no tengo para probarlo en IE7, pero intenta con esto:

quita los "hacks" para IE... las de "display", comentalas para que pruebes..

y sólo pon

Código:

float: left;

Y nos cuentas que pasa.

-- Edito: alexk Exacto!, pensamos lo mismo jojojojo.

[elututo]

Me pasó lo mismo hace una semana, IE 7 o - no reconoce inline-block , probá con float:left .

Para solucionar el error de visualizacion en IE6 probé con _float:left pero solo sirve para IE6 y en el 7 se sigue viendo mal.

[alexk]

IE7 si reconoce display:inline-block; otra cosa es que no se aplique correctamente :)

[ezeslafer]

Bueno, gente, cambié todos los hacks por "float: left;" y lo sigo viendo igual. Tanto en ie 7 como en ie6.
Les paso la nueva info.

css:

#menu {
width: 90%;
top: 0px;
left: 0px;
position: absolute;
}

.container ul li{
float: left;
font-size: 14px;
color: #FFFFFF;
top: 0px;
left: 0px;
position: absolute;
}

el link:
[URL="http://www.bmfotografia.com/"]http://www.bmfotografia.com/[/URL]


Abrazo.