HELP!! : Problema ridisegno IE7 con box stondati

[gcosta2]

Salve a tutti,
durante il restyling di una interfaccia di una applicazione web, sono incappato in un problema di CSS nel tentativo di creare box stondati elastici (che si ridimensinino sia in altezza che in larghezza) in funzione del contenuto.

Per farlo ho utilizzato una stuttura di div annidati uno dentro l'altro con backgrounds differenti per creare gli angoli e i patterns che costituiscono il box dai bordi stondati.

Questi box... inoltre sono ulteriormente annidati... cioè un box stondato... può contenere altri box stondati.

Il sistema funziona correttamente su IE8, Chome, Firefox, e Safari . La pagina html generata non ha errori HTML (è validata).

Con IE7 (ed IE6 che trascuro) pultroppo sbarella il ridisegno della pagina (oltre a qualche padding sballato...) cioè alcune parti dei background di questi box, passandoci sopra con il mouse o scrollando o ridimensionado la pagina appaiono e scompaiono senza nessuna ragione. Sembra proprio un problema di rendering grafico della pagina.

Ho googlato ma non ho trovato soluzione.

Come immaginate ho una certa fretta di risolvere il problema...
Per questo mi sono rivolto ai GURU di questo Forum
Spero che mi possiate aiutare...

Vi allego uno screenshot (modificato per riservatezza) dell'applicazione...

Grazie in anticipo

Gianluca

[gcosta2]

Ha mi sono dimenticato di indicare un esempio del codice che genera questi box:

.box1
{
	background:url(../../_skins/black/img/boxes/top.png) top repeat-x #f7f7f7;
	clear:both;
}

.box2
{
	background:url(../../_skins/black/img/boxes/bottom.png) bottom repeat-x;
}

.box3
{
	background:url(../../_skins/black/img/boxes/left.png) top left repeat-y;
}

.box4
{
	background:url(../../_skins/black/img/boxes/right.png) top right repeat-y;
}

.box5
{
	background:url(../../_skins/black/img/boxes/top_left.png) top left no-repeat;
}

.box6
{
	background:url(../../_skins/black/img/boxes/external_page_view/top_right.png) top right no-repeat;
}

.box7
{
	background:url(../../_skins/black/img/boxes/bottom_left.png) bottom left no-repeat;
}

.box8
{
	background:url(../../_skins/black/img/boxes/bottom_right.png) bottom right no-repeat;
}

.box9
{

	/*
		Messo display:inline per aggiustare lo sfasamento del padding	
		che genera inspiegabilmente IE7 ma anche senza 
		ci sono gli stessi problemi di redraw.
	*/
	display:inline;
}

.box10
{
	padding:5px;
	font-family:Georgia, 'Times New Roman', Times, serif; 
	line-height:1.7em;
}

e l'html:

<div class="box1">
<div class="box2">
<div class="box3">
<div class="box4">
<div class="box5">
<div class="box6">
<div class="box7">
<div class="box8">
<div class="box9">
<div class="box10">

CONTENUTO

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>