menu/navigation adding extra and unncessary block

THE URL for my site is https://www.dislikeyourstatus.com. On the top menu/navigation, where it says about, faq, press this, suggestions, submit.. right after submit there is an extra black block. It highlights like it’s part of the navigation but I don’t want it there. It’s not clickable either.

Here’s the CSS code for it.

/* menu */

#menu-div {
width: 800px;
background: #ffffff;
height: 32px;
}

#menu {
list-style: none;
margin: 0;
padding: 0;
font-size: 13px;
height: 32px;
}

#menu li {
margin: 0;
background: #ffffff;
float: left;
padding: 0;
}

#menu li a {
background: transparent url(images/menu-li-black.png) no-repeat;
display:block;
color:#ffffff;
height:32px;
line-height:32px;
padding:0 20px;
margin-left: 0 0px;
font-family: Helvetica;
font-size: 14px;
text-decoration: none;
z-index:1;
}