Ok guys, I never had this problem before and don't know what's causing it. I have a horizontal solpartmenu with height of 19px and it works fine in firefox, however in IE it appears to have height of only 18px, or it has a padding on top of 1px, I'm not sure. However this 1px is causing my images to not line up and destroy the design. Any help would be appreciated.

.MainMenu_MenuBar
{
    height:19px;
}

.MainMenu_MenuContainer
{
    background-image: url(images/BarCenter.jpg);
    height:19px;
}


.MainMenu_MenuItem
{
    cursor: pointer;
    height:19px;
}

.MainMenu_RootMenuItemSelected
{
    background-image: url(images/TabCenter.jpg);
    background-repeat: repeat-x;
    background-position: center left;
    background-color:Transparent;
    height: 19px;
    vertical-align:middle;
}

.MainMenu_MenuArrow
{
    border:0px;
}

.MainMenu_MenuIcon
{
    border:0px;
}

.MainMenu_RootMenuItemActive
{
    background-image: url(images/TabCenter.jpg);
    background-repeat: repeat-x;
    background-position: center left;
    height: 19px;
    color: #000;
    vertical-align:middle;
}

.MainMenu_RootMenuItemLeftSeparatorActive
{
    background: none;
}

 
.MainMenu_RootMenuItemRightSeparatorActive
{
    background: none;
}

It's best to put a link in so that we can see it and examine it.

It sounds like you're using images either above or below the menu.. these should be styled display:block in order to avoid a small gap in IE. Another cause might be font-size in the td holding the menu... IE will make room for whatever the cascaded font is even if there is no text present in the cell... setting font-size:0 can solve that.

But it could be anything else too

Rob