Per una volta i problemi non me li da IE!!!

Ho un div posizionato con fixed contenente una PNG trasparente.
Poi ho un div che contiene i contenuti della pagina posizionato sopra la rosa di modo che questa resti sul fondo e non sopra.
L'aver spostato la rosa sotto la pagina ha comportato uno sfarfallio di ciò che si muove al di sopra della PNG stessa in Firefox.
Sembra un problema di rendering... ad ogni posizione dello scrolling il browser rielabora i contenuti sopra la PNG generando uno sfarfallio proprio in corrispondenza della PNG.

Uso firefox 2.0.0.3 con Vindovs Vista Ultimate Edition.

Su IE7 non c'è questo problema!

Ecco il codice CSS

codice:
html>body #rosa 	{
	background: transparent url("images/rosa.png") bottom right no-repeat;
	position: fixed !important;
	z-index: 1;
	bottom:0; right:0;
	position: relative;
	width: 346px;	height: 335px;
	margin-left: auto;	text-align: right;
}
#pageContent 		{	
	margin: 0px 25px 0 75px; 
	padding-top: 230px !important; 
	padding:0; 
	position:relative;
	z-index: 2;
}
L'html invece è:

codice:
<div id="pageContent">
	{pageContent}
</div>
<div id="rosa"></div>