CSS+DIV下拉导航栏

IE6 版本无效果 不支持

CSS代码段

——————————————————————————————————

body,div,ul,li,a{ margin:0; padding:0}
#dhl
{
 height: 34px;
 margin: 0;
 padding: 0;
 background-color: #66cccc;
 
}
#dhl ul{ list-style:none}
#dhl ul li{ float:left; padding-left:20px; margin:0px}
#dhl ul li a{ display:block; line-height:34px; margin:0px}
#dhl ul ul{ display:none; }
#dhl ul ul li{ float:none}
#dhl ul li a:link, #dhl ul li a:visited
{
 text-align: center;
 background-color: #66cccc;
 color: #ffffff;
 font-size: 12pt;
 text-decoration: none;
}
#dhl ul li a:hover, #dhl ul li a:active
{
 background-color: #cc99ff;
 color: #3300cc;
 font-size: 13pt;
 text-decoration: underline;
}

#dhl ul li:hover ul,#dhl ul li:active ul
{ display:block; margin:0; padding:0; text-align:left;
 }
 #dhl ul li:link ul,#dhl ul li:visited ul
{ display:none
 }

————————————————————————————————————————

HTML 代码段

<div id="dhl">
               <ul>
                    <li><a href="#">AAAAAAAA</a>
                        <ul>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                        </ul>
                    </li>
                    <li><a href="#">BBBBB</a>
                        <ul>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                        </ul>
                    </li>
                    <li><a href="#">CCCCC</a>
                        <ul>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                        </ul>
                    </li>
                    <li><a href="#">DDDDD</a>
                        <ul>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                            <li><a href="#">11111111</a></li>
                        </ul>
                    </li>
                </ul>
            
            </div>