Here is the answer
ul#navmenu a {
text-decoration: none;
display: block;
width: 50%;
max-width: 285px;
height: 30px;
line-height: 25px;
background-color: #2E2E2E;
border: 1px solid #777777;
border-top: 2px solid #777777;
color: white;
font-family: Arial, sans-serif;
font-weight: bold;
font-face: Arial;
float: left;
text-align: center;
white-space: nowrap;
}
remove min-width its not necessary and give width size to 50%, you have given it has 100%, it was covering all over the div along with that
ul#navmenu li {
border:1px solid white;
max-width: 285px;
width: 50%;
text-align: center;
position: relative;
margin-right: 0px;
display:inline-block;
}
this is the css which is used to give width and border to "li" apply this you will be able to see what you looking for, i did it on your fiddle it worked fine
let me know