Проблема с меню (IE6)

[Dark_Angel_dark]

Здравствуйте.

У меня следующая проблема:
есть меню такого типа

<div class="pd_menu_01 "> 
    <ul><li><a href="#">название1</a>
    <ul>
        <li><a href="page.php?id=1">1</a></li>
        <li><a href="page.php?id=2">2</a></li>
    </ul>
    </li></ul>

    <ul><li><a href="#">название2</a>
    <ul>
        <li><a href="page.php?id=3">3</a></li>
        <li><a href="page.php?id=4">4</a></li>
    </ul>
    </li></ul>
</div>

таблица стилей:

.pd_menu_01 {
float:center; 
padding:0; 
margin:0;
color: #FFFFFF;
background: #097BF0; 
width: 100%;
clear:both;
} 

.pd_menu_01  a, .pd_menu_01 a:visited {
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-size:17px;
color: #FFFFFF;
background-color: #097BF0;
text-decoration: none;
}

.pd_menu_01 ul {
list-style-type:none;
padding:0; 
margin:0;
}

.pd_menu_01 ul li {
float:left; 
position:relative; 
z-index:auto !important ; 
z-index:1010 ;
}

.pd_menu_01 ul li a {
color: #FFFFFF;
background: #097BF0;
float:none !important ;
width:120px; 
float:left ; 
display:block; 
height:30px; 
line-height:30px; 
padding:0 10px 0 10px; 
text-decoration:none; 
}

.pd_menu_01 ul li ul {
display:none; 
border:none;
color: #FFFFFF;
background: #097BF0; 
width:1px
}

.pd_menu_01 ul li:hover a {
background-color:#98C7F8; 
text-decoration:none; 
color:#000000;
}

.pd_menu_01 ul li:hover ul {
display:block;  
position:absolute; 
z-index:1010; 
top:29px; 
margin-top:1px; 
left:0;
}

.pd_menu_01 ul li:hover ul li a {
display:block; 
width:120px; 
height:auto; 
line-height:1.3em; 
padding:5px 10px 5px 10px;
background-color:#097BF0;  
color:#FFFFFF;
}

.pd_menu_01 ul li:hover ul li a:hover {
background-color:#98C7F8; 
text-decoration:none;
color:#000000;
}

.pd_menu_01 ul li a:hover {
background-color:#98C7F8; 
text-decoration:none;
color:#000000;
}

.pd_menu_01 ul li a:hover ul {
display:block; 
width:120px;
position:absolute;
z-index:1010; 
top:29px; 
left:0;
}

.pd_menu_01 ul li ul li a:visited {
background-color:#097BF0;  
color:#FFFFFF;
} 

.pd_menu_01 ul li a:hover ul li a {
display:block; 
width:120px; 
height:1px; 
line-height:1.3em; 
padding:4px 16px 4px 16px; 
border-left:solid 1px #004080; 
border-bottom: solid 1px #004080; 
background-color:#097BF0;  
color:#FFFFFF;
} 

.pd_menu_01 ul li a:hover ul li a:hover {
background-color:#98C7F8; 
text-decoration:none;
color:#000000;
}

В интернет експлорере 6-ом возникли следующие проблеммы: список меню не "выпадает". ПОд отсальными браузерами все ОК.
Как это исправить?