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


codice:

.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:

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