Immagini bordi arrotondati e layout

[rebelia]

Originariamente inviato da Cesar

Il layout non ha un altezza fissa e può variare. Come posso fare per impaginare al meglio?

html:

<div id="esterno">
   <div id="interno">
      <div id="contenuto"></div>
   </div>
</div>

css:

#esterno {width: 500px; background: url(verde.gif) repeat-y top left;}
#interno {background: url(celeste.gif) no-repeat top left;}
#contenuto {background: url(rosso.gif) no-repeat bottom left;}