Menu Bar Formatting
 

I am trying to make my menu bar span the entire page. I inserted this code in the add css/inserts:

li:first-child {
...
}
/* space menu items across width */
ul.rMenu li {
width:10%;
text-align:center;
}
/*reset for submenus*/
ul.rMenu li ul li {
width:10em;
margin-right: 0;

The menu bar still has a little empty space in the right margin and has moved an item to a second row, which is blank all the way across the page.

I want to evenly space the items on one line and have them go across the entire page.

How can I do this?
URL is www.yovillebuzz.com