diseñar un bloke en css

[zehc]

Buenas, estoy venga probar maneras para pdoer ponerle bien los bordes a un bloque.

os explico, antes hacia tipico 3 partes, la cabecera, el contenido y el pie de bloque.

mi css era:

Código:

#menulateral {
  float: left;
  width: 180px;
  background-color: #ffffff;
  margin: 0px 0px 0px 5px;
  overflow: auto;
}

#titulo {

	background: url(imagenes/bloke1titmenu.gif) no-repeat;
  	float: left;
  	height: 49px;
  	width: 170px;
  	margin: 0px 0px 0px 0px;
  	overflow: auto;
}

#contenido {
	background-color: #000000;
  	float: left;
  	width: 170px;
  	color: #ffffff;
  	margin: 0px 0px 0px 0px;
  	overflow: auto;
}

#pie {
	background: transparent url(imagenes/bloke2pie.gif) no-repeat;
  	float: left;
  	height: 55px;
  	width: 170px;
  	margin: 0px 0px 0px 0px;
  	overflow: auto;
}

entonces, a la hora de aplicarlo lo hacia así:

Código:

<div id="menulateral">
	<br>
	<div id="titulo">
	</div>
	<div id="contenido">
		<a href="www.google.es">Google</a><br>
		<a href="www.yahoo.es">Yahoo</a><br>
		<a href="www.otro.es">Otro</a><br>
	</div>
	<div id="pie">
	</div>
</div>

con eso, lo hacia de lujo, pero claro, quiero algo mas personalizado el bloque, bordeados y así, y pues no se como hacer que el borde de la izkierda del bloque me ponga una imagen repetidamente segun la largura del bloque, y a la derecha otra imagen...

¿alguien sabe algo o save donde encontrar algun ejemplo?