Ciao,

utilizzo delle immagini di sfondo per aggiungere l'effetto "drop shadow" con bordi arrotondati ai box.
Potenzialmente il contenuto di un generico box puo' essere notevolmente lungo, per cui ho deciso di utilizzare un'altezza dell'immagine di 8000px.
Mentre per il lato sinistro l'immagine viene accettata senza problemi, per il lato destro se uso un'altezza maggiore di 6800px l'immagine non viene visualizzata.

In firefox e altri browser il problema non si presenta.

Da cosa puo' dipendere cio'?
Grazie

Qui il codice:
codice:
.WPContainer
{
	width:100%;   		

/*Questa e' l'immagine 2000x8000 che non visualizza*/
	background: White url("images/Backgrounds/sbbody-r.gif") no-repeat right bottom;
	margin:0px;
	margin-bottom:6px;
	padding:0;
	min-height:0;	/*Needed to clear FLOAT in IE*/			
}


.WPWrapper
{
	background: url(images/Backgrounds/sbhead-l.gif) no-repeat top left !important;
	min-height:0px;	
	padding:0 0 0 7px;	/*To avoid the background overlap*/	
}

.WPHeaderContainer
{	
	background: url(images/Backgrounds/sbhead-r.gif) no-repeat top right;	
	min-height:0;	/*Needed to clear FLOAT in IE*/	
	padding:0;
	margin:0 0 5px 0;	
}

/*   To clear float elements  */
.WPContainer:after, .WPHeaderContainer:after, .WPBodyContainer:after, .WPWrapper:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
	min-height:0;
}

.WPBodyContainer
{	
	margin:0;
	padding:0 12px 5px 12px;
	min-height: 0;
	background: url(images/Backgrounds/sbcent-l.gif) no-repeat bottom left;	
}

.WPFooterContainer
{
	clear:both;
	background: url(images/Backgrounds/sbbody-l.gif) no-repeat bottom left;
}


<div class="WPContainer">
   <div class="WPWrapper"></div>
   
   <div class="WPBodyContainer">
      <div class="WPBodyContent">

       ......

      </div>
   </div>
    
   <div class="WPFooterContainer">   </div>
</div>