div con bordes redondeados y ancho fijo

html de ejemplo:


<div class="box">

<h2>Cabecera</h2>

<p>Contenidot</p>

</div>


Imágenes necesarias para el css:

código css:

.box {

width: 418px;

background: #fffce7 url(img/bottom.gif) no-repeat left bottom;

}

.box h2 {

padding: 10px 20px 0 20px;

background: url(img/top.gif) no-repeat left top;

}

.box p {

padding: 0 20px 10px 20px;

}