jsp做的下拉菜单，在IE6下面正常，IE8下面显示的诡异，请帮忙

先看看IE6的效果。然后再看IE8的效果，字体变成竖排了。这个就是大家都用得mm_menu.js的定义：
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah) 
{
this.version = "020320 [Menu; mm_menu.js]";
this.type = "Menu";
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = "plain";
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = "#555555";
this.menuBorder = 1;
this.menuBgOpaque=opq;
this.menuItemBorder = 1;
this.menuItemIndent = idt;
this.menuItemBgColor = bg;
this.menuItemVAlign = valgn;
this.menuItemHAlign = halgn;
this.menuItemPadding = pad;
this.menuItemSpacing = space;
this.menuLiteBgColor = "#ffffff";
this.menuBorderBgColor = "#777777";
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = "#cccccc";
this.childMenuIcon = "arrows.gif";
this.submenuXOffset = sx;
this.submenuYOffset = sy;
this.submenuRelativeToItem = srel;
this.vertical = vert;
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.hideTimeout = to;
this.addMenuItem = addMenuItem;
this.writeMenus = writeMenus;
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;
if (!window.menus) window.menus = new Array();
this.label = " " + label;
window.menus[this.label] = this;
window.menus[window.menus.length] = this;
if (!window.activeMenus) window.activeMenus = new Array();
}

解决方案 »

  1.   

    怀疑是css定义引起的。可能导致问题的CSS:body {margin: 0px;font-size: 12px;}img{ border:0px;}
    a:hover {color: #FF3300;text-decoration: none;}
    a {text-decoration: none;color: #000;}
    .l1 {font-size: 14px;font-weight: bold;color: #514F50;}
    .l2 {font-size: 14px;font-weight: bold;color: #1D56A3;}
    .l3 {font-size: 14px;font-weight: bold;color: #fff;}
    a.l3:hover {color: #ffff00;}
    .l4 {font-size: 14px;font-weight: bold;color: #333333;}
    .l5 {font-size: 18px;color: #C90801;font-family: "黑体";line-height: 22px;padding:0 0 10px 0;}
    .l6 {color: #333333;line-height: 20px;}
    .l7 {font-size: 14px;color: #424242;}
    .l8 {color: #8E8E8E;}
    .l9 {font-size: 20px;color: #000;font-family: "黑体";}
    .zi_3 {color: #FF6000;}
    a.zi_3:hover {color: #004098;}.tab{}#Profile {background: url(../images/bg1.gif) #306193 repeat-y center;}
    .Letter {font-weight: bold;color: #B90000;}
    .tongy {color: #B90000;}
    .Navigation {font-size: 14px;font-weight: bold;color: #FFFFFF;}
    .Navigation1 {font-size: 14px;font-weight: bold;color: #AD0F0F;padding: 0 25px 0 25px;}
    .black12{font-size: 12px;color: #000;}
    .jiange1 {margin-bottom: 12px;}
    .jiange4 {margin-bottom: 12px;}
    .jiange2 {margin-top: 10px;}
    .jiange3 {margin-top: 10px;}
    .bianluang {border: 1px solid #E4E4E4;margin-bottom: 10px; MARGIN-RIGHT: auto;MARGIN-LEFT: auto;}
    .tup {height: 32px;width: 45px;padding: 1px;border: 1px solid #BEBEBE;}
    .juzuo {float: left;}
    .white12{font-size: 12px;color: #FFF;}
    .blue12b_left{font-size: 12px;font-weight: bold;color: #1B4A7E; padding:4px 0 3px 0;}
    a.white12:hover{font-size: 12px;color: #FFFF00;}
    .hongse {font-weight: bold;color: #D50909;}
    .lanse {font-weight: bold;color: #3C73B5;}
    .lansea {color: #48656E;}
    .lanseb {color: #20528B;}
    .lianxi {border: 2px solid #DDE3E6;color: #2F2F2F;font-family: Arial, Helvetica, sans-serif;}
    .dib {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #358EB2;}
    .rukang {height: 18px;width: 85px;border: 1px solid #A8A3A8;background-image: url(../images/section10.gif);}
    .tudx {height: 139px;width: 207px;border: 1px solid #7b7b7b;}
    .biat {border: 1px solid #bcc4b9;}
    .biat1 {border-top: 5px solid #e8e8e8;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;margin-top: 6px;}
    .sousuo {background-image: url(../images/section17.gif);height: 22px;width: 146px;border: none;overflow: hidden;margin: 0px;padding: 0px;}
    .pingl {font-weight: bold;color: #505050;}
    .zhengw {font-size: 14px;color: #424242;list-style-type: none;width: 700px;margin-right: auto;margin-left: auto;line-height: 22px;margin-top: 20px;}
    .qun1 {width: 186px;margin-top: 8px;margin-bottom: 10px;}
    .huisez {color: #545454;}
    .huisedi {color: #545454;line-height: 20px;}.lieba {list-style-type: none;float: left;text-align: left;margin-top: 9px;text-indent: 16px;line-height: 19px;color: #09418E;}
    .lieba1 {list-style-type: none;float: left;text-align: left;line-height: 18px;color: #09418E;padding-bottom: 10px;}
    .lieba2 {list-style-type: none;float: left;text-align: left;margin:12px 19px 9px 20px;text-indent: 16px;line-height: 20px;color: #353535;}
    .liebc {background-image: url(../images/l2.gif);list-style-type: none;float: left;padding-left: 18px;background-repeat: no-repeat;background-position: 3px 2px;text-align: left;margin: 6px 0 6px 0;}
    .lieb {background-image: url(../images/er_10.gif);list-style-type: none;float: left;padding-left: 18px;background-repeat: no-repeat;background-position: 3px 3px;text-align: left;margin: 2px 0 2px 0;}
    .liebc1 {background-image: url(../images/l2.gif);list-style-type: none;float: left;padding-left: 14px;background-repeat: no-repeat;background-position: left 2px;text-align: left;margin:10px 0 5px 0;font-weight: bold;color: #194B7E;}
    .b1 {background-image: url(../images/section02.gif);background-repeat: repeat-x;background-color: #FFFFFF;}
    .b2 {background-image: url(../images/section09.gif);background-repeat: repeat-x;background-color: #FFFFFF;}
    .b3 {background-image: url(../images/section08.gif);background-repeat: repeat-x;background-color: #F7F7F7;background-position: bottom;}
    .b4 {background-image: url(../images/bg2.gif);background-repeat: repeat-x;background-color: #F6F6F6;background-position: bottom;}
    .b5 {background-image: url(../images/section13.gif);background-repeat: repeat-x;background-position: bottom;}
    .b6 {background-image: url(../images/section24.gif);background-repeat: repeat-x;background-position: bottom;}
    .b7 {background-image: url(../images/section13.gif);background-repeat: repeat-x;background-position: bottom;margin-top: 12px;margin-bottom: 12px;}
    .b8 {background-image: url(../images/section13.gif);background-repeat: repeat-x;background-position: bottom;margin-top: 6px;}
    .heise {color: #333333;}
    .heise22 {color: #333333;line-height: 16px;}
    .heise2 {color: #000;line-height: 16px;}#TabTab03Con1{width:540px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 93px;}
    #TabTab03Con2{width:540px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 93px;}
    #TabTab03Con3{width:540px;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;height: 93px;}.xixi1{width:547px;height:31px;line-height:31px;background-image:url(../images/tab1.gif);cursor:pointer;}
    .xixi2{width:547px;height:31px;line-height:31px;background-image:url(../images/tab2.gif);cursor:pointer;}
    .xixi3{width:547px;height:31px;line-height:31px;background-image:url(../images/tab3.gif);cursor:pointer;}.tab1{width:180px;height:31px;line-height:31px;float:left;text-align:left;cursor:pointer;text-indent: 26px;color: #B45C14;font-weight: bold;font-size: 13px;}
    .tab2{width:180px;height:31px;line-height:31px;float:left;text-align:left;cursor:pointer;text-indent: 12px;color: #727272;font-weight: bold;font-size: 13px;}
    .tab3{width:180px;height:31px;line-height:31px;float:left;text-align:left;cursor:pointer;color: #727272;font-weight: bold;font-size: 13px;}.zxjzinput_1 {border:0px;width:145px;height:17px;font-size:12px;padding:5px 2px 0 3px;margin:0px;background: url(../images/sousuo.jpg) no-repeat;}.black_20_600 {font-size: 22px;color: #000;font-weight: bold;line-height: 28px;padding: 26px 25px 26px 25px;}
    .font03{font-size:12px; font-style:normal; color:#888888; border-bottom:1px dashed #d1d1d1;}
    .font04{font-size:14px; line-height: 24px; font-style:normal; color:#424242; padding:20px 25px 30px 25px;border-bottom:1px dashed #d1d1d1;}
    .font05{font-size:12px; font-style:normal; color:#505050; background-color:#f1f1f1;font-weight:bold; padding-left:10px;}
    .hui_13{font-size: 12px;color: #454444;font-family: "宋体";}.table1px_1{border-collapse:collapse;}
    .table1px_1 td{border:1px solid #CACACA;}
    .table1px_1 td table td{border:0;}#chaxun2_lb5{background: url(../images/outline_31.gif) repeat-x;height: 24px;}
    #chaxun2_lb6{background: url(../images/outline_33.gif) no-repeat;width: 1px;}
    #chaxun2_lb7{background: url(../images/outline_32.gif) repeat-x;height: 1px;}
    #chaxun2_lb8{background: url(../images/outline_34.gif) no-repeat;width: 1px;}
    .black12b_lb{font-size: 12px;color: #000;font-weight: bold;padding:0 10px 0 10px;}
    .chaxun12black_lb{font-size: 12px;line-height: 16px;color: #000;padding:5px 10px 5px 10px;}
    .lb_l{font-size: 12px;line-height: 16px;color: #000;padding:7px 18px 6px 18px;font-weight: bold;}
    .lb_r{font-size: 12px;line-height: 16px;color: #000;padding:7px 16px 6px 16px;}
      

  2.   

    删除了一些不必要的css之后，页面正常了。