<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css" >
    *{margin:0;padding:0;}
    ul,li{list-style:none;}
    /*切换城市*/
    #cityblock{margin:30px 0 0 20px;}
    #citychoice{position:relative;}
    #citychoice span{font-size:13px;display:block;width:60px;text-align:center;height:20px;}
    #citychoice span a{display:block;line-height:20px;height:20px;}
    #citylist{width:160px;border:1px solid #666;font-size:13px;display:none;position:absolute;left:0px;top:20px;}
    #citylist ul{width:160px;}
    #citylist ul li{float:left;width:40px;}
    #citylist ul li a:link,a:visited{display:block;text-align:center;}
    #citylist ul li a:hover{display:block;text-align:center;}
    </style>
    <script type="text/javascript">
    //显示子菜单
    function show(id,n)
    {
        if(n == 1)
        {
            document.getElementById(id).style.display="block";
        }else{
                document.getElementById(id).style.display="none";
             }
    }
    </script>
    <script src="" type="text/javascript"></script>
    
</head>
<body>
<!--切换城市部分-->
    <div id="cityblock">
        <div id="citychoice">
            <span onmouseover="show('citylist',1);" onmouseout="show('citylist',0);">
                <a href="#">切换城市</a>
            </span>
            <div id="citylist" onmouseover="show('citylist',1);" onmouseout="show('citylist',0);">
                <ul>
                    <li><a href="#">郑州</a></li>
                    <li><a href="#">武汉</a></li>
                    <li><a href="#">大连</a></li>
                    <li><a href="#">北京</a></li>
                    <li><a href="#">上海</a></li>
                    <li><a href="#">苏州</a></li>
                    <li><a href="#">南京</a></li>
                    <li><a href="#">南宁</a></li>
                    <li><a href="#">成都</a></li>
                </ul>
            </div>
        </div>
    </div></body>
</html>
问题:
ff和ie8下显示都正常,只有ie6,7下显示有问题。
如下图所示: