Problema con CSS en Internet Explorer

[darkcarard]

Hola tengo el siguiente código CSS:

fieldset{
border: 1px solid #8F8FBD;
width: 20em;
float: left;
padding: 10px;
background: #D8D8BF;
}
legend{
font-weight: bold;
color: #000000;
background: #DBDB70;
border-right: 1px solid #781351;
border-bottom: 1px solid #781351;
padding: 2px 6px;
margin: 2px;
}

El código muestra el fieldset con un borde y un fondo determinado y los legend los muestra como un titulo encerrado en un cuadro, un poco salido del fieldset, espero haberme hecho entender.

En Firefox no tengo problema para la visualización pero en IE 6 el fondo del fieldset se salé del cuadro por arriba y se posiciona debajo del legend, he intentado de todo, cambiarle el padding (con los respectivos hacks para ie), pero no se que más hacer. Agradezco cualquier ayuda que me puedan brindar.

La idea la saqué de una página de Internet pero no la volví a encontrar, si alguién sabe de dónde agradezco el comentario.

[wcfenix]

Hola a todos, no encontre un post con la información que requiero (o a lo mejor no la supe buscar bien) el titulo de este me parecio correcto. :P
Estaba haciendo un modelo de una página, usando CSS lo estoy maquetando. Para los fondos uso imagenes PNG y para arreglar la transparencia uso un Script que encontre en este Foro, pero dicho script no me soluciona las transparencias con dichas imagenes.
Dejo el link de la web que estoy haciendo para que me puedan ayudar:
www.tierralibre.org.pe/modelo.htm
Muchas gracias.

[juanchilo]

bien eso lo solucionas poniendo lo siguiente:

al fieldset en:

Código HTML:

position: relative;

y luego al legend en:

Código HTML:

position: absolute;

bien para que te quede igual en proporciones al de firefox añadele estas cordenadas al absolute del legend:

Código HTML:

top: -.5em; left: .5em;

finalmente al fieldset aplicale esto:

margin-top:1em; padding-top:.75em;

asi te quedaran iguales en los dos hasta donde creo!!

saludos