Padding loco en IE7...

[enridp]

Bueno, aca estoy renegando de nuevo con las Cagadas Sin Sentido (CSS).
Como me hace sufrir esto... les dejo una captura del problema y tambien el link de la pagina a ver si alguien me puede sacar del pantano :(



El link:
http://www.corinapiatti.com/es/fotos.html

y una locura más... pero esta vez el que anda bien es el IE7, el IE7 me muestra bien los "hr" pero ni el IE8 ni el Firefox ni el Chrome lo muestran (asique obviamente estoy metiendo la pata en algo pero no logro ver donde)
El link:
http://www.corinapiatti.com/es/letras.html

Para testear el IE7 estoy usando el IE8, con la herramienta de Desarrollo (F12).

Saludos!!

[enridp]

Bueno, el HR al parecer no se muestra en FF y otros porque lo hace con el border, y tenia un estilo
hr {
border:0
}
asique al sacar eso ahora se ve el HR, pero en IE (tanto 7 como 8) se ve el HR centrado y en Firefox y Chrome no...

[saulos]

para tu escalerita de la muerte, intenta agregando este codigo:

Código:

.listaDeFotos ol li {
     display:inline;
}

[enridp]

magia!
buscando un poco más, al parecer es un error del IE y la solucion es justamente la que marca saulos:
http://haslayout.net/css/Staircase-Bug

Se llama escaleritra de la muerte el error

Ahora falta ver por qué en IE7 la separacion entre las listas es mayor que en IE8 (a lo mejor por como maneja las cajas)
Y por qué en IE7 y 8 los HR aparecen centrados pero en FF y Chrome no.

[kseso?]

Código CSS:

hr {
    margin: 0 15%; /*0 15porciento*/
    width: 70%; /*¿sabré algún día por qué en una línea si aparece el símbolo % y en otra la entity?*/
}
 

[enridp]

Funciono perfecto, gracias kseso!

[asche]

jaja, el efecto escalerita queda re bien . le da como un efecto 3D