[Excavator]

Hello BlackReef,
I'm not sure why you have that menu nested in 3 containing elements, #menu, #mainMenu and #electraMenu. Have a look at divitis and how to avoid it.

You also have heights and widths of containing elements set too small to contain the elements you've placed in them. Your menu is much taller than 11px so I'm not sure why .mainMenu would be that hight.

To space out your li elements, just use some margin... something like this -

.menu ul li a {
    color: #FFFFFF;
    float: left;
    margin: 0 20px;
    padding-left: 11px;
    padding-right: 11px;
    text-decoration: none;
}