raro error en IE6

[WinderJerter]

Hola que tal, lo que pasa es que ando terminando mi web y hace rato la visualize en el IE6 y me encontre con dos errores que no pude solucionar y queria comentarlo para ver si alguien me puede ayudar.

El primero es un div que lo utilizo como separador con estas propiedades:

Código CSS:

.separator {
background-image:url("images/backgroundSeparator.png");
height:2px;
width:928px;
}
 

y lo que pasa en IE6 es lo siguiente:



y el otro error esta en la siguiente parte:

Código HTML:

<div id="iAgree">
<div id="readAndAccept">
<div id="demo" class="unchecked">
<input type="checkbox" onfocus="this.blur();">Hola</div>
</div>
<input type="submit" id="buttomSubmit" value=" " name="submit">
</div>
 

y el codigo css:

Código CSS:

#iAgree {
background-image:url("images/backgroundIAgree.png");
height:32px;
margin:auto;
padding:9px;
width:910px;
}
 
#readAndAccept {
color:#5C5C5C;
display:block;
float:left;
font-size:11px;
font-weight:bold;
line-height:32px;
width:742px;
}
 

y el error esta aqui:



el div no sale hasta abajo como se ve en firefox

espero que me puedan ayudar

Saludos y gracias de antemano

[WinderJerter]

Hola que tal, ya resolvi el primer problema con un simple overflow:auto; solo me falta por resolver el segundo problema, alguien que me pueda ayudar???

Saludos y gracias de antemano

[WinderJerter]

Alguien que me pueda brindar ayuda??? perdon por el re-post

Saludos

[alexk]

hola... la verda no entiendo nada de nada XD... si puedes brindar la URL del problema y explocar de nuevo lo que pasa seria mejor... perdona o esperar a alguien que comprenda lo que dices

[WinderJerter]

Iniciado por alexk

hola... la verda no entiendo nada de nada XD... si puedes brindar la URL del problema y explocar de nuevo lo que pasa seria mejor... perdona o esperar a alguien que comprenda lo que dices

Hola que tal alexk, en esta pagina www.imagupload.co.cc el error en IE6 esta en la parte de abajo donde dice

I have read and I accept the Imagupload Terms of Service, Intellectual Property Policy, and Privacy Policy.

y el problema en IE6 es que ese div no se queda hasta abajo; es como si tubiera un margin-bottom

Saludos!!!

[alexk]

ahhh ahora entiendo... pues te hace falta un recet css...
uno muy basico podria ser
*{margin:0;padding:0;}
y la razon de tu problema es que en IE6 ala etiqueta <form> suele darle un margin-bottom por defecto por eso el uso de un correcto reset soluciona muchos problemas no solo en IE6 sino en muchos navegadores chao! y suerte !

[WinderJerter]

Muchas gracias alexk, funciono de maravilla y no me sabia eso del tag form en IE6

Saludos!!!

[kseso?]

Aunque algo tarde, más para el futuro visitante del tema que para su creador que ya resolvió su problema:
No debería utilizar un div vacío como elemento separador (y adornado).
Para ello existe la etiqueta /hr/ que admite estilos.

Su problema con la altura por parte de ie6, creo recordar que se debe a que en la altura de una caja influye el valor heredado para /line-height/ y que ie6 entiende el /height/ como un valor mínimo.
Pruebe a ver si no me falla la memoria cambiando su /overflow/ por /line-height:0/