Header Problem/Floating divs/skip link

Anyone care to take a crack at my header problem. In an effort to clean up some code, I must have deleted a CSS character...although I can't find it.

It occurred after I took the three content elements in the body of the page out of table and made them floating divs.

What ended up happening is my upper menu bar moved to the right revealing a "NEW HOME" link that shouldn't be there. This ending up also pushing some social media icons into the wrong position.

BTW, I am trying to get this site on its feet for a non-profit and did not code the original templates. I am also not an experienced programmer.

Here's the site:
http://174.121.46.122/~jobseeke/new-home

 

You can either delete the "New Home" list item:

<li class="page_item page-item-383 current_page_item"><a title="New Home" href="http://174.121.46.122/~jobseeke/new-home">New Home</a></li>

Code (markup):

Or reduce the anchor padding to 16px to fit them all in:

div.menu ul li a {
   line-height: 23px;
   padding:0 16px;
   font-size: 1.1em;
}

Code (markup):

I'd also change "New Home" to just "Home". The "counseling" div is inside the "home" div for some reason, I'd move it outside of that.