[The Night Watch] Dropdown menu help required

i am currently tweaking “the night watch” on http://moltand.com

currently, the menu expansion looks like this. http://moltand.com/mfl3/screencaps/fine.jpg

it works fine for all pages except “contact us” where it looks like this
http://moltand.com/mfl3/screencaps/before.jpg

to get the menu to look acceptably proportionate, i had it like coded like this:
.main-navigation {
margin-left: -44px;
margin-right: -10px;
clear: both;
display: block;
float: left;
background: #FEF469;
font-size: 11.4px;
text-transform:uppercase;
font-family: helvetica, arial, sans serif;
}

however, part of the menu is blocked for whatever reason (!help!troubleshoot please?)

i scouted around and added
“position: absolute; z-index: 99999;”
and it looks like this, the expansion of the menu is in place but the menu bar is horrible.
http://moltand.com/mfl3/screencaps/after.jpg

HELP! Much help will be appreciated for possible solutions on menu not hiding in the before picture without affecting the alignment and the aesthetics of the menu bar please? Thanks in advanced!