color de fondo a lo largo de la columna
 

Quiero lograr que el color de fondo ocupe todo el largo de la columna del Menu, para que que quede como en www.hierrostorrent.com.ar

En css lo que pude lograr lo pueden ver aca, http://www.hierrostorrent.com.ar/Prueba/torrent02.htm

Tampoco se como darle el espacio entre palabras para que quede igual al primer ejemplo :pensando:


Aqui el codigo css:
/* CSS Document */

body{
padding :0;
margin :0;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

#header {
margin:0px 0px 10px 0px;
padding:17px 0px 0px 20px;
border-style:solid;
border-color:black;
border-width:1px 0px;
line-height:11 px;
background-color:#E8EAEA;
background-color: #E8EAEA;

}

#contenido{
padding-top : 0px;
padding-bottom : 30px;
padding-left : 230px;
padding-right : 5%;
text-align: justify;
}

#contenido h1 {
font-size: 120%;
font-weight: normal;
color: #000000;
background-color : transparent;
}

#contenido h2 {
font-size: 100%;
font-weight: bold;
color: #000000;
background-color : transparent;
}

#contenido p{
font-size: 80%;
font-weight: normal;
color: #000000;
background-color : transparent;
line-height : 140%;
}

#logo{
position : absolute;
top : 30px;
left : 30px;
z-index : 50;
background-color: #ECE9D8;
}
#menu{
position: absolute;
top : 71px;
left : 5px;
width : 140px;
font-weight: bold;
margin-bottom: 0px;
background-color: #e6c9c1;
}

#menu a{
display: block;
width: 155px;
text-align: center;
text-decoration: none;
font-family:bold;
font-size:12px;
color: #000000;
border: solid 0px #000000;
}

#menu a:hover {
font-size: 12px; COLOR: #44370f; font-weight: bold; text-decoration: none;
background-color:#F7ECEA;
}

Puedes utilizar position:absolute para las capas ,para la separacion de las palabras esta word-spacing y para las lineas line-height. Ademas dale height a header=10% menu=90% contenido=90%, el de header e puesto 10% pero habra que ajustarlo a la imagen, despues reajustas los demas para que la suma sea 100%