Display:none a display:block v IE6

Snažím se udělat něco jako rozevírací seznam - seznam položek, na jednu kliknu a rozbalí se další pod-položky. Provedené to mám tak, že u bloku s rozbalenýma položkama mám display:none a kliknutím na nadřazenou se změní na display:block. V IE6 se ale děje to, že pokud nemají bloky nastavené zobrazení na block už při načtení, tak až je chci zobrazit (změnit z none na block), tak se zobrazí ale další položky celý tento blok překrývají. Správně by měly odskočit a udělat místo zobrazenému bloku tak, jak to funguje ve všech ostatních prohlížečích. Není v IE6 nějaká zákeřnost co se tohoto týče? Nevíte co s tím? Zkoušel jsem použít nejdřív UL, potom DIVy a nakonec i tabulky, ale ani jednou to nešlo.

Tady je ukazka kodu - prvni UL je s nadrazenou polozkou a druhy "hide-me-3" je ten co se zobrazuje po rozkliknuti...

<ul class="admin-menu">

      <li class="admin-menu-li admin-radek">

               <div class="admin-menu-show2">

                  <img src="/grafika/plus.gif" alt="+" class="vert" onclick="toggle_admin_line(3)" />

               </div>

               <div class="admin-menu-show"><a href="admin.html?e=menu&amp;akce=vypnout&amp;id=3"><img src="/grafika/on.gif" alt="on" style="vertical-align:bottom" /></a>

              </div>

             <div class="admin-menu-div">

                   <img src="/grafika/vlajky/cz.gif" alt="Česky" class="vert" />Download

            </div>         

            <a class="tucne" href="?akce=edit&amp;id=3">Upravit</a>

            <a class="tucne" href="?akce=smazat&amp;id=3">Smazat</a>

        </li>

</ul>

<ul id="hide-me-3" style="display:none">

         <li class="admin-menu-li">

              <a href="?akce=pridat&amp;parent=3" class="tucne" style="margin-left:30px;">Přidat položku</a>

         </li>

        <li class="admin-menu-li">

               <div class="admin-menu-show2"></div>

               <div class="admin-menu-show">

                       <a href="?akce=vypnout&amp;id=59">

                           <img src="/grafika/on.gif" alt="on" style="vertical-align:bottom" />

                       </a>

               </div>

              <div class="admin-menu-div">

                  <img src="/grafika/vlajky/cz.gif" alt="Česky" class="vert" /> AB Cryptobox

              </div>         

                  <a class="tucne" href="?akce=edit&amp;id=59">Upravit</a>

                  <a class="tucne" href="?akce=smazat&amp;id=59">Smazat</a>

       </li>

       <li class="admin-menu-li">&nbsp;</li>

       <li class="admin-menu-li">

              <div class="admin-menu-show2"></div>

              <div class="admin-menu-show">

                    <a href="?akce=vypnout&amp;id=60">

                           <img src="/grafika/on.gif" alt="on" style="vertical-align:bottom" />

                    </a>

             </div>

             <div class="admin-menu-div">

                  <img src="/grafika/vlajky/cz.gif" alt="Česky" class="vert" /> AB DSR 3xx

             </div>         

                  <a class="tucne" href="?akce=edit&amp;id=60">Upravit</a>

                  <a class="tucne" href="?akce=smazat&amp;id=60">Smazat</a>

          </li>

</ul>

..a tady jsou styly, možná že některé nejsou použité, zkoušel jsem všechno možné...

UL.admin-menu {

   margin-left:0px;

   width:470px;

}



.admin-menu-li {

   float:none;

   list-style:none;

   height:17px;

}



.admin-menu-li2 {

   list-style:none;

}



.admin-menu-li A {

   margin-left:10px;

}



.admin-menu-show {

   width:50px;

   height:20px;

   float:left;

   text-align:left;

}

.admin-menu-show2 {

   width:30px;

   height:20px;

   float:left;

   text-align:left;

}



.admin-menu-tab {

   margin-left:65px;

}



.admin-menu-div {

   width:100px;

   height:20px;

   float:left;

}

.admin-menu-div2 {

   width:100px;

   height:20px;

   float:left;

}