I am using a background image and then adjusting my sol part menu to display properly on that image. I am using the following CSS for my solpartmenu

.MainMenu_MenuItem td {
height: 18px;
width: 166px;
padding-left: 45px;

}

This displays fine in IE and displays fine in older versions of Firefox. Now with Firefox 3.0+ the padding seems to break my skin. I have 3 attachments to show what is going on.

1. Firefox with padding
2. Firefox without padding
3. IE with padding

My ultimate goal is for it to look the way it does in IE.

Any suggestions?

do you have a URL, it is easier to test CSS changes on a live website, thanks

ok, thanks for the URL, I can't find a solution, I stripped everything down to:

.MainMenu_MenuItem td {
height: 18px;
width: 166px;
padding-left: 45px;
}


.MainMenu_MenuItem {
font-family: Verdana;
font-weight: bold;
font-size: 13px;
color: #ffffff;
}

with FF2 in 1 screen and FF3 in the other. I would try removing the table that the Solpart menu is sitting on top of with the multiple colours as a test and see if that solves the spacing issue in FF3. FF2 looked ok in my browser.