PNG in sovrapposizione: IE 6 non collabora

[Nikit]

Salve, io devo fare una cosa. Ho una PNG con trasparenze, una collina stilizzata.

La collina dovrebbe coprire in parte il bordo inferiore di 5 foto.

Codice html:

</div>
			<div id="gallerybb">
				<div id="bringin">
				</div>
				<div id="angelamasino">
				</div>
				<div id="camilla">
				</div>
				<div id="soleluna">
				</div>
				<div id="meridiana">
				</div>
				<div id="colline">
				</div>
			</div>

Ogni div corrisponde ad una foto.

Codice css:

#gallerybb{
text-align:center;
padding:0;
margin:0;
float:left;
height:267px;
width:900px;
background:#572a4b;
}
#colline{
padding:0;
margin:0;
width:900px;
height:69px;
position:absolute;
background: url(images/colline.png);
}
#bringin{
float:left;
height:151px;
width:151px;
background: url(images/fotobb/1bn.jpg);
}

Vorrei che il risultato finale fosse come l'allegato.

Purtroppo con il posizionamento assoluto e relativo sto avendo problemi con IE 6.