Seems to me there was an IE Hack for this, but I can't remember.
In IE, my div surrouding my horizonal menu is too high. No matter what I do I can't reduce the height to fit the list items.
Here is the CSS in question:
#outer2 {background-image: url(ltbl.jpg);
background-repeat: repeat; position: absolute; left: 0px; top: 90px; display:block;
padding:0px; width:99%; height: 39px; margin: 0px;
z-index: 8;}
#outer2 ul {margin-left:0px; margin-top: 4px; padding:0; list-style-type:none;
background:transparent; height: 35px; }
#outer2 li {display:block; float:left; background: url(button1.gif); border-color: #463b66;
border-left: 1px solid; border-right: 1px solid; height: 35px; width: 107px;
text-align: center; vertical-align: center;}
#outer2 a {font-size: 10.5pt;
display: block;
text-decoration: none;
color: #CECEF1;
padding-left: 3px;
padding-right: 3px;}
#outer2 a:hover {
font-size: 12.5pt;
font-weight: bold;
color: white;
}
#outer2 a.cur {font-size: 12pt;
display: block;
text-decoration: none;
font-weight: bold;
color: white;
padding-left: 3px;
padding-right: 3px; }
Here is the page (under construction)
www.jumbocdinvestments.com/preview2/index.htm
It looks fine in FF. I'm using IE6.