Occasionally, height is based on the image size selected for that area. In that case, there is code that determines what is going to happen. Your situation is worsened by the fact that there is already a -100px margin-top call in the stylesheet.css on line 73.
Change that to -50px, then add the margin, text-align, and float BACK INTO line 74.
The two lines should now look like
Code:
#navMainWrapper {margin:0 auto;color:#444;margin-top: -50px;}#navMain ul {margin:0 auto;padding: 0px 0 0.5em 0;list-style-type:none;text-align:right;line-height: 1.5em;float:right;}
Tweak as required.
BTW, I used firebug for some time but I always look for anything more helpful. Right now, I use chrome and Web Developer by Chris Pederick. It can be used with Firefox as well but, I like its operation with chrome.
Bookmarks