Problema con spaziatura in un box

[garlick]

Ciao, sto realizzando dei pannelli con larghezza fissa e altezza che si adatta al contenuto. Questo è il codice:

p{
padding:1em;
margin:0;
}

.pannello{
width:257px;
background:url(img/bgpanel.gif) repeat-y;
height:150px;

}
.pannello-top{
background:url(img/panel-top.gif) repeat-y;
width:257px;
height:10px;
margin:0;
}

.pannello-bot{
background:url(img/panel-bot.gif) repeat-y;
width:257px;
height:10px;
margin:0;
}

#team-roster{
background:url(img/team-roster.gif) no-repeat;
width:257px;
height:22px;
margin:0;
}

<h2 id="team-roster"></h2>
		
<div class="pannello">	
	<div class="pannello-top"></div>
	

Testo di prova testo di prova bla bla</p>
</div>
<div class="pannello-bot"></div>

Con firefox e opera questo è il risultato (che è quello che volevo ottenere):



Con IE invece ottengo questo:



Come potete vedere in IE si crea dello spazio inutile sotto la barra nera del titolo (vedi freccia rossa).

E' questione di margini che non collassano? Eppure li ho impostati a zero...

Ciao

[TomStardust]

La prima cosa che mi viene in mente di suggerirti è di azzerare anche il padding, potrebbe essere ad esempio il tag h2, a cui annulli solamente il margin.
Fammi sapere

[Mich_]

Piccola ricerchina ??? http://forum.html.it/forum/showthrea...readid=1004842

Inoltre dovresti azzerare anche bordi e padding (in alcune condizioni /browser sono di default)

Tieni presente che alcuni sistemi non permettono i segni - dentro i nomi dei file (sono segni aritmetici) e soprattutto dentro i nomi degli oggetti di una pagina.

[garlick]

Ho provato a cercare nel forum ma non ho trovato nessuna soluzione. Ho provato a non andare a capo ma non mi cambia nulla:

		<h2 id="team-roster"></h2>
		
		<div class="pannello"><div class="pannello-top"></div>
		

Testo di prova testo di prova bla bla</p></div>
			
		<div class="pannello-bot"></div>

Ho anche impostato a zero border, padding e margin di tutte le classi e gli id, ma niente. Ho anche notato che con Firefox quello spazio non voluto me lo lascia subito prima dell'h2, invece che subito dopo come fa IE...

Edit: ho notato male, con Firefox e opera gli spazi sono giustissimi, nessun problema con questi 2 browser