CSS menu

Got a problem with my CSS menu! It is located at
http://www.paradisa.net/index.php - problem is I want the background
green to run right the way along the white coloured div. Sorry, not
very technical I know. Here is the CSS for the menu:

#navcontainer {
width: 65%;
background-color: #ff0000;
}

#navcontainer ul, li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("http://biphome.spray.se/karl10/images/navBarBg.gif")
repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}
#navcontainer a {
color: #000;
text-decoration: none;
display: block;
width: 70px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer a:hover { background:
url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x
30px; }

and here is the markup:

<div id="navcontainer">
<ul>
<li id="active"><a href="#" title="Item one">Item one</a></li>
<li><a href="#" title="Item two">Item two</a></li>
<li><a href="#" title="Item three">Item three</a></li>
<li><a href="#" title="Item four">Item four</a></li>
<li><a href="#" title="Item five">Item five</a></li>
<li><a href="#" title="Item six">Item six</a></li>
</ul>
</div>

I would be greatful of any help. Many thanks in advance!

King of Red Lions