Main Menu Padding Issue

The main menu is centered in Chrome, but isn't in FireFox (it shoves it below the main menu body. My CSS:

#mainmenu-container {
		height:54px;
		width:960px;
		position: absolute;
		top:0;
		z-index: 999;
                -moz-box-sizing:border-box;
                -webkit-box-sizing:border-box;
                box-sizing:border-box;
	}
	
	#mainmenu li a {
		text-align:center;
		color:#fff;
		display:block;
		text-decoration:none;
		font-family:'Uncial Antiqua';
		padding:50px 20px;
                text-transform: uppercase;
                font-size: 12px;
                -moz-box-sizing:border-box;
                -webkit-box-sizing:border-box;
		
	}

Site: kevenpirritano.com

Alright I replaced the CSS with the original, but now in Google Chrome the main menu text it at the very top and in fire fox it is in the location it should be in on the demo.

Screen shot example.

Alright I figured it out.

I downloaded this template from a different website. I uploaded the one from here and it fixed the problem.

Alright never mind that didn't fix it. Same issue as above image.

Well it seems after awhile it started working. It seems to be an issue in Chrome on windows as it works fine in Chrome on Mac. However, it is working again, but who knows how long.

Hi!
Please, find the code:

#header {
	background:url(images/menu.png) left top repeat-x;
	}

in the file style.css. You have to add the following style attribute:

position: relative;

to this element.