[SOLVED] Extend menu properties to fit fixed container
 

Hi. I'm working on
this site.

Specifically, I'd like the menu color, and the line (which is a bottom-border for each of the blocks) to extend to the end of the container. The whole container is 920 px.

Here is the css that I'm using (it seems a bit kinked, maybe? but it works so far...). Thanks as always.

ES


.menu-header {
padding-top:0px;
padding-bottom:30px;
}


.menu-header ul{
list-style: none;
padding-right: 300 px;
margin: 0px;
background: #04A004;
}

.menu-header li{
float: left;
margin-left: -40px;
margin-right: 40px;
background: #04A004;}

.menu-header li a {
background: #04A004
height: .4em;
line-height: 1.4em;
float: left;
width: 120px;
display: block;
border-bottom: 0.125em solid #000000;
border-right: 0.12em solid #000000;
color: #blue;
text-decoration: none;
text-align: center;
padding-right: 0 px
}

Change the following
And remove the border from