fieldset e colore di sfondo

[webdemo]

avete presente quel fastidioso esubero di sfondo che ie (e solo ie) lascia tracimare sopra il fieldset?

Ho fatto alcune prove per cercare una soluzione:

css:

<style type="text/css">
.fieldsetnone {
	background-color:#FFF;
	border:0px;
	}
fieldset {
	background-color: #D6EBEF;
	border-top:solid #333 1px;
	}
label{
	display:block;
}
</style>

html:

<form method="post"  action="invia.php">

<fieldset class="fieldsetnone">

<legend>testo legend</legend>

<fieldset>

<label for="nome1">nome</label>
<input type="text" name="nome1" id="nome1" size="20" tabindex="1" />


<label for="email1">email</label>
<input type="text" name="email1" id="email1" size="20" tabindex="2" />


<input type="reset" value="cancella" tabindex="4" />
<input type="submit" value="invia" tabindex="3" />

</fieldset>
</fieldset>
</form>

ciaux

[webdemo]

img

[Mich_]

Le due immagini si riferiscono ad IE e ad un altro browser?

Ci sono alcune cose che mi vengono in mente: anzitutto qualche baco di IE, tipo il baco dei tre pixel.

Ma prima faccio notare un errore:
la definizione di fieldset va a sovrascrivere quella della classe: la classe (particolare) va definita DOPO lo stile per il fildset (generico).

PS: il thread andrebbe spostato nel forum CSS.

[webdemo]

Originariamente inviato da Mich_
Le due immagini si riferiscono ad IE e ad un altro browser?

No sono sempre con IE, la prima è un semplice form e mostra il difetto, la seconda è come verrebbe applicando il codice postato

la definizione di fieldset va a sovrascrivere quella della classe: la classe (particolare) va definita DOPO lo stile per il fildset (generico).

così:

<style type="text/css">
fieldset {
	background-color: #D6EBEF;
	border-top:solid #333 1px;
	}
.fieldsetnone {
	background-color:#FFF;
	border:0px;
	}

label{
	display:block;
}
</style>

ciaux