Problema con esquinas redondeadas (con imágenes)

[hector_he]

Hola,
Consulté en Desarrollo web como hacer esquinas redondeadas, siguiendo el mismo patrón y aplicando a la págaina que diseño me encuentro que las imágenes con los bordes redondeados quedan dentro de la caja donde está el texto..
Alguien sabe el porqué?
Gracias de antemano.

Código del Tutorial

Código PHP:

  <div class="caja"> 
    <div class="cajaarriba"> 
       <div class="cajaabajo"> 
          Lorem ipsum dolor sit amet, consectetuer 
          … 
       </div> 
    </div> 
</div> 
   

Código PHP:

  .caja {     width: 482px; 
    background-image: url("centro.gif"); 
    background-repeat: repeat-y; 
} 
 
.cajaarriba { 
    background-image: url("arriba.gif"); 
    background-position: top center; 
    background-repeat: no-repeat; 
} 
 
.cajaabajo { 
    background-image: url("abajo.gif"); 
    background-position: bottom left; 
    background-repeat: no-repeat; 
    padding: 15px 15px 15px 15px; 
} 
   

Código aplicado

Código PHP:

  .text{
    width:510px; 
    margin: 12px 0px 20px 185px; 
    background: #FF6699 url(images/bgtext.gif) repeat-y;
}
.texttop { 
    background-image: url(images/texttop.gif);
    background-position: top center; 
    background-repeat: no-repeat;
} 
.textbottom { 
    background-image: url(images/textbottom.gif); 
    background-position: bottom left; 
    background-repeat: no-repeat; 
    padding: 15px 15px 15px 15px; 
} 
   

Código PHP:

  <div class="text"> 
<div class="texttop"> 
<div class="textbottom"> 
"TEXTO"
</div>
   </div> 
    </div>