hola de nuevo, mira te he hecho algo rapidito, en base a lo que tu tienes.....
http://ayudando.comocreartuweb.es/conciertos/concierto.htmlcomo verás es tu misma página, no te molestes, solo lo hize para ayudarte
en cuanto tengas la solucion a tu problema la borrare jejeje
para hacerla necesité 5 imágenes....
cabecera.jpg, contenido.jpg, pie.jpg
y para el menu dos imagenes
etiqueta.jpg, etiqueta2.jpg
aqui te dejeo el html y el css
<head>
<title>Conciertos de la Banda</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO DE CODIGO DE CABECERA - NO TOCAR -->
<div id="cabecera">
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO DE CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<div id="menu">
<ul><li><a href="#">QUIENES SOMOS</a></li><li><a href="#">MUSICA</a></li><li><a href="#">IDIOMAS</a></li><li><a href="#">APOYO ESCOLAR</a></li>
<li><a href="#">TITULACIONES</a></li><li><a href="#">CALENDARIO</a></li><li><a href="#">FOTOS</a></li><li><a href="#">CONDICIONES</a></li></ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<!-- INICIO DE CODIGO DE PIE DE PAGINA - NO TOCAR -->
<div id="pie">
</div>
<!-- INICIO DE CODIGO DE PIE DE PAGINA - NO TOCAR -->
</div>
</body>
</html>
* {margin:0px; padding:0px; border:0px; text-indent:0px}
body {text-align:center; background: #F0F;}
#global {width:800px;
margin:4px auto;
}
#cabecera {height:180px; background-image:url(objetos/cabecera.jpg)}
#contenido {background-image:url(objetos/contenido.jpg);}
#menu {width:150px; float:left; text-align:left; }
#menu li {list-style:none; }
#pie {background-image:url(objetos/pie.jpg); height:182px;}
a {}
a:link {}
a:hover {}
a:active {}
#menu a {width:146px; height:31px;
color:black; font-size:14px;
padding: 7px 0px 0px 10px;
text-decoration:none; display:block;
background-image:url(objetos/etiqueta.jpg);
margin:30px 0px 0px 10px;
background-repeat: no-repeat;
}
#menu a:link {}
#menu a:visited {}
#menu a:hover {background-image:url(objetos/etiqueta2.jpg);background-repeat: no-repeat; }
#menu a:active {}
ahora...... lo que yo mejoraria es.....
quitar todo el texto de la web, cabecera contenido y pie de las imagenes, de modo que estas sean precisamente imagenes de fondo
para luego poner el texto en el html.....
saludos