Immagini con angoli arrotondati

[The knight]

Originariamente inviato da Fello
io ho risolto in questo modo:
nell'HTML:

<div id="contenitore">
<div id="immagine">[img]images/cielo.gif[/img]</div>
<div id="angoli">[img]images/arrotondati.gif[/img]</div>
</div>

nel CSS:

body
{
background-color:#FFD904;
}

#contenitore
{
position:relative;
width:300;
height:180px;
}

#immagine
{
z-index:1;
position:absolute;
left:0px;
top:0px;
width:300;
height:180px;
}

#angoli
{
z-index:2;
position:absolute;
left:0px;
top:0px;
width:300;
height:180px;
}

dove il div immagine contiene la foto vera e propria e il div angoli contine una gif con gli angoli arrotondati dello stesso solore dello sfondo e il centro trasparente, in questo modo ottengo l'effetto voluto!

quello che vorrei fare anchio, solo che non posso utilizzare il posizionamento assoluto ma quello relativo, che funzionerebbe se l'immagine non si ripetesse....la tua è un'immagine statica immagino ?