Valid XHTML Transitional Page: Renders correctly in IE, not Firefox

Ok, so i'm trying to finish up this web design, but I have been stuck on this same problem for quite a while now:

This page:
http://h3vstudios.com/uploadtest/newlayout2.html

In IE, the navbar shows normally, but in Firefox, it displays over to the right 40 pixels. Does anyone know what could be causing this?

IE render:

Firefox render:


What could be causing this?

thanks in advance,
-swittp

 

Firefox right brained and IE left brained!!! ahaha

 

Edit: Nevermind, I'm stupid.

 

i guess it has something to do with the padding assigned for the navbar class which is the list item container for the menu. you might adjust the paddings using the !important property for ie and ff.


you might also want to check some typo error in your styles:

.navbar {
background-image:url(http://h3vstudios.com/uploadtest/templates/beta/img/navbar.png);
backgroung-repeat: repeat-x; no-repeat;
height: 34px;
width: 905px;
padding: 0px;
}

 

Thanks, it ended up being the navbar ul style. I forgot to set its padding to 0.

cheers,
-s