Nefunkční menu

Spajky
prvni bych zkusi www.htmlvalidator.com/lite/
nebo w3c.org - html validator
protoze to hlasi 26 chyb
Pote mas jistotu, ze problem nevznika zapomenutym ukoncenim tagu

http://www.w3.org/TR/html4/index/attributes.html
tady treba vidim, ze background jako takovy existuje jen pro BODY (nicmene to jde krasne resit v CSS)

a tez bys validatorem dosel na toto:
2: <div id="menu2" class="sbaleno">
3: <div id="menu3" class="sbaleno">
4: <div id="menu3" class="sbaleno">
5: <div id="menu3" class="sbaleno">
nic, a ze ID je jedinecne a nesmi se opakovat?
3: <div id="menu3" class="sbaleno">
4: <div id="menu==>3<==" class="sbaleno">
5: <div id="menu==>3<==" class="sbaleno">

<script language="JavaScript" type="text/JavaScript">rozbal('menu1');</script>
<script language="JavaScript" type="text/JavaScript">rozbal('menu2');</script>
<script language="JavaScript" type="text/JavaScript">rozbal('menu3');</script>
???
<script type="text/JavaScript">
rozbal('menu1');
rozbal('menu2');
rozbal('menu3');
</script>

<p>
<a class=menu1m href="#" onClick="rozbal('menu2')">&nbsp;saské švýcarsko</a><br/>
<div id="menu2" class="sbaleno">
<a class=menu2m href="Priroda_flora/index.html">&nbsp;Flóra</a><br/>
<a class=menu2m href="Priroda_ptaci/index.html">&nbsp;Ptáci</a><br/>
<a class=menu2m href="Priroda_zvirata/index.html">&nbsp;Zvířata</a><br/>
<a class=menu2m href="Priroda_krajinky/index.html">&nbsp;Krajinky</a><br/>
<a class=menu2m href="Priroda_ostatni/index.html">&nbsp;Ostatní</a><br/>
</div>
<p>

<div id="menu">
<ul>
<li><b><a href="#">saské švýcarsko</a></b>
<ul>
<li><a href="Priroda_flora/index.html">Flóra</a></li>
<li><a href="Priroda_ptaci/index.html">Ptáci</a></li>
<li><a href="Priroda_zvirata/index.html">Zvířata</a></li>
<li><a href="Priroda_krajinky/index.html">Krajinky</a></li>
<li><a href="Priroda_ostatni/index.html">Ostatní</a></li>
</ul>
</li>
</ul>
ostatni uz vyresi JS a CSS.
JS
v objektu s Id=menu
pro vsechny B A nastav onclick a display:none
pro vsechny LI LI A nastav ...
CSS
#menu UL,
#menu LI {margin:0;padding:0;}
#menu LI B A {}
#menu LI LI A {text-indent:1em;}