Bueno para los que quieren hacer cajas redondeadas, solo se hacerlas con imagenes, esto te permite que sean compatibles con todos los navegadores, muchos preguntan esto, yo no tengo mucha idea de lo vos estas poniendo moonlight, pero a tu pedido de algo mas sencillo, tal vez te sirva esto, pero seguro que si ya conoces esta tecnica, a otro le va a servir, asi que me arriesgo a armarlo:
1-Genero dos imagenes, la parte de arriba de la caja, top y la parte de abajo, bottom, debe quedar algo asi:
2-En el html coloco lo siguiente:
Código:
<html>
<head>
<title></title>
</head>
<body>
<div class="box">
<h2>Titular</h2>
<p>Contenido</p>
</div>
</body>
</html>
3-En el css pongo esto:
Código:
.box{
width:275px; //lo que mide tu imagen
background:#594b4b url(img/bottom.jpg) no-repeat left bottom; //coloco la imagen de abajo y le doy un color a la caja.
}
.box h2{
background:url(img/top.jpg) no-repeat left top; //coloco la imagen de arriba
padding: 10px 20px 0 20px;
}
.box p{
padding:0 20px 10px 20px;
}
Estas cajas se van a ir agrandando en forma vertical a medida que le agrego texto, yo las uso y son compatibles con todos los navegadores. Saludos.
