Trouble with Cross Browser Positioning

Hey guys, Im using the CSS Flyout Header for my site. I am having problems
getting it to be posititioned in the same location for IE and Fire Fox. Take a look to see what i mean.

http://cart.lifewaynutrition.com

Can anyone help?
In IE7 it is positioned exactly where I want it, but in FireFox it is to far to the right. If I change the margin-left: 10px; to another value then it messes it up for IE7 (where it is position correctly)

Also, I have tried using:
margin-left: auto;
margin-right: auto;
as I have read that it helps to center the element. This did not work either.

Any help is ALWAYS appreciated :)

A quick look and you have blown your navmainwrapper way out to contain your header image and have nothing in your logowrapper

You should be adjusting this in the drop menu css file

Currently things are conflicting I suspect owing to where you have them and not being indivisually addressable

figured it out

went in to the

navMain ul { } and added

margin: 0;
padding: 0;

worked perfectly
positioned it just like i needed it in both browsers :)