Fondo en fieldset. IE falla... ¿Sugerencias?

[[SkG]]

Tengo un pequeño problema con CSS y IE (para variar). Una imagen vale mas que mil palabras...


Aqui os dejo la porcion de CSS y html que correpsonde a ver que pensais...

Código:

      <div class="info">
        <fieldset>
          <legend>Informaci&oacute;n Personal</legend>
          <ul>
            <li class="titulo"><label>Nombre: </label>...</li>
            <li><label>...</label>...</li>

            <li><label>...</label>...</li>
           </ul>
        </fieldset>
      </div>

Código:

.info fieldset {
	background-color: #6C697A;
	border: #CCC 1px solid;
	padding: 5px 5px 15px 5px;
 
}
.info fieldset legend {
	color: #CCFF33;
	font-weight: bold;
	font-size: 11px;
	font-align: left;
}
.info ul {
	float: left;
	display: inline;
}
.info li {
	list-style: none;
	text-align: justify;
}
.info li label {
	color: #BBBBFF;
	display: block;
	float: left;
	width: 180px;
	padding-right: 5px;
	font-weight: bold;
}

[komodo]

Hola! POarece que te esta haciendo un margin, prueba de hacer:

.info fieldset {
background-color: #6C697A;
border: #CCC 1px solid;
padding: 5px 5px 15px 5px;
margin:0;

}

[[SkG]]

Nada, con margin: 0; sigue igual >.<

Si no encuentro solucion a esto mientras haré lo mismo con tablas y captions y tal a ver si consigo mas o menos lo mismo.

Gracias de todas maneras ^^

[mgusdl]

Buenas, a mi me pasaba esto y no le habia dado mucha importancia, pero cuando el contenido del legend es muy ancho me lo dejaba pequeño y resulta que al tocar una cosa se ha solucionado eso:

Código HTML:

<!--[if IE]>
<style type="text/css" rel="stylesheet" rev="stylesheet" media="screen">
legend { top:-6px; margin:auto; padding:auto; width:50%; }
</style>
<![endif]-->