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

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;
}
codice:

<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