Home Menu Text Positioning

Hello,
I'm trying to get the text for my HOME menu to sit next to the other menu items, but it's floating to the left of them.
At the moment all the menu headings are inside a black bar (except for the Home text heading) - I'd like all the menu headings to be inside that black box.

If you visit http://www.parralox.com/contact you will see what I mean.

I've tried setting options in custom.css as well as the template options but can't find the solution.
Can anyone help?

PS - If you click the Home button it will redirect you to the index.htm file - this is intentional as the Joomla site is in development.

Update - I found the solution. I changed the margin-left property for .first to 0px (it was set to -40px) and it fixes the Home Menu text position (yay!)

Code: Select all

   
        .first {margin-left:0px;}


But I still have the problem of the black bar not filling 100% width at the stop of the screen. I'll create a new post for that problem.

Update #2 - I fixed the black bar problem as well. I added "left: 0px" and it made the black bar fill the entire width

Code: Select all

/* FIX MENU AT TOP OF PAGE */
#gkMainMenu {
    background: none repeat scroll  #000000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
}

PS - Admins, you can close this thread now. I figured out all the solutions