div und display:none mit liste problem

[stekoe2000]

<ul id="artikel">
 <li class="kategorie"><a href="index.php?seite=source/artikel&amp;cat=1">Kategorie</a></li>

   <div style="display: none;">
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
   </div>

  <li class="kategorie"><a href="index.php?seite=source/artikel&amp;cat=2">Kategorie</a></li> 

   <div style="display: none;">
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li> 
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
   </div>

</ul> 

Obiger Code funktioniert einwandfrei im FF ... also die Unterkategorien sind ausgeblendet, aber im IE funktioniert gar nichts! Da steht das, als wäre es nie weg gewesen. Was kann man da tun?

[hall]

imho in listen geht das nicht mit divs. arbeite mit css

[prego]

in UL's drüfen keine DIV's enthalten sein...

http://www.seoconsultants.com/css/menus/tutorial/

[stekoe2000]

die gesamte liste und die Links sind mit CSS aufbereitet, nur noch diese eine Hürde stört mich. Ich würde ja gänzlich auf IE verzichten, aber das ist nunmal leider ein weites Spektrum an Kunden, die den vollen Umfang meiner Seite auch einsehen sollen.

[Kropff]

nimm doch einfach eine verschachtelte liste

<ul id="artikel">
 <li class="kategorie"><a href="index.php?seite=source/artikel&cat=1">Kategorie</a>

   <ul style="display: none;">
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
   </ul>
</li>
  <li class="kategorie"><a href="index.php?seite=source/artikel&cat=2">Kategorie</a>

   <ul style="display: none;">
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li> 
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
    <li class="unterkategorie"><a href="#nogo">Unterkategorie</a></li>
</ul>
   </li>

</ul>