ragazzi non so come, non so il perchè, a ho un problema con una img di sfondo dato una div: con Explorer si vede l'img di sfondo, mentre co Firefox non c'è verso!

La cosa strana è che non mi vede SOLO l'img di sfondo di quel div, mentre di un altro div (contenitore di questo che non si vede) l'img si visualizza correttamente!....

in sostanza:

codice:
<div id="profilo"> 
      <div id="profilo_contenuti"> 
        <div class="profilo_top"><h4>PROFILO</h4></div>
        

ciao</p>
      </div>
    </div>
l'id profilo ha questo css e l'img si visualizza:
codice:
#profilo{
width: 523px;
background: url(img/sfondo_div_profilo.gif) no-repeat;
float:left;
text-align: center;
margin:0;
padding:0
}
mentre la classe profilo_top ha questo css e l'img di sfondo NON si vede:
codice:
.profilo_top{
background: transparent url(img/immagini box profilo/top.gif) no-repeat top center;
}
please help me!