pongo el código, ahora que todavía es pequeño, por si a alguien le ayuda:
<style type="text/css">
body{ font-family:Verdana, Arial, Helvetica, sans-serif;
}
#contenedor {
width:900px;
margin-left:auto;
margin-right:auto;
background-color:#FF0000;
}
#cabecera{
margin-bottom:0px;
}
#columnaIzq {
float: left;
width: 160px;
margin-left: 0px;
margin-top:0px;
padding-top: 0px;
}
#menu h5 {
display: none;
}
#menu {
font-size: 0.7em;
font-weight: bold;
width: 160px;
border-right: 1px solid #666;
padding: 0 0 0 0;
margin-bottom: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
margin: 0;
}
#menu ul li a:link {
display: block;
padding: 2px 2px 2px 0.5em;
border-left: 10px solid #0c964e;
border-right: 1px solid #0c964e;
border-bottom: 1px solid #0c964e;
background-image:url(img/pruebalogo2.gif);
color:#FFFFFF;
text-decoration: none;
width: 100%;
}
html>body #menu ul li a {
width: auto;
}
#menu ul li a:hover {
border-left: 10px solid #0000ff;
border-right: 1px solid #0000ff;
border-bottom: 1px solid #0000ff;
background-color: #ffff99;
color: #0000ff;
}
</style>
</head>
<body>
<div id=contenedor>
<div id=cabecera><img src="img/pruebalogo2.gif" alt="cabecera" width=900px height=150px />
</div>
<div id=columnaIzq>
<div id=menu>
<h5>Site Navigation:</h5>
<ul>
<li><a href="">Inicio</a></li>
<li><a href="">Enseñanzas</a></li>
<li><a href="">Secretaría</a></li>
<li><a href="">Planes y Proyectos</a></li>
<li><a href="">Calendario</a></li>
<li><a href="">Quiénes somos</a></li>
<li><a href="">Tablón de anuncios</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Como eis todavía no domino el tema, gracias de antemano