Podriamos haber hecho un cuadro con html, pero si lo dibujamos con Photoshop o Fireworks podremos tratarlo a nuestro gusto. Redondear las esquinas da un aspecto mas cuidado, asi como utilizar una transcion de colores.
El cuadro consta de dos mitades, de forma que bastara con estirar una (la de arriba) para meter mas cantidad de texto, esto lo hara solo.

Cuadro sin esquinas

Degradado de colores
Enlaces en la parte clara
A que mola!

El style para este cuadro sera el archivo style3.css

.box {
	width: 209px;
	background: #FFF url(/mikel/site2/images/box_top.gif) no-repeat top center;
	}
.box h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 130%
	color: #333
	border-bottom: 1 px solid #E0CFAB
	background: url(img/h3.gif) no-repeat top left
}
.box ul {
	margin: 100px 0 0 0;
	padding: 14px 10px 14px 10px;
	list-style: none;
	background: transparent url(/mikel/site2/images/box_bottom.gif) no-repeat bottom center;
}
.box ul li {
	margin: 0 0 6px;
	padding: 0;
		}