div und display:none mit liste problem

[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> 

[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.

[prego]

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

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

[hall]

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

[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?