I built a CSS menu using ul li.
I want the li's together to cover the whole length/width of the div.
Right now it looks like this:
<http://i.stack.imgur.com/uKbzs.png>
So.. I want the green to basicly touch the borders.

Here's the CSS code:

```
#menu {
    width: 100%;
    height: 1%;
    font-size: 16px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-align: center;    
}
#menu ul {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}
#menu li { 
    display: inline;
    margin: 0;
    padding: 0; 
}
#menu a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    margin: 1px;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 6%;
    padding-left: 6%;
    background-color:#04B45F;
    color: #F0F0F0;
}
#menu a:hover {
    color: #04B45F;
    background-color: #FFF;
}

```