CSS menu

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

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">
<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>

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

Site Timeline