CSS Mouseover in <ul> funktioniert nicht

[Deus Figendi]

Erstmal: Die Kritik ob CSS/JavaScript ist vollkommen berechtigt, das ist kein CSS und man könnte es (problemlos) mit CSS machen.

Es geht um folgenden Code:

<div id="navicontainer">
<ul style="list-style-type:none">
<li>
<span onMouseOver="document.Bild.src='bilder/start.png'"
         onMouseOut="document.Bild.src='bilder/start2.png'">
<a href="#">
<img src="bilder/start2.png" name="Bild" border="0">
</a>
</span>

</li>
</ul>
</div>

Ich kenne mich nur mäßig mir JavaScript aus, aber ich glaube nicht dass "name" und der Zugriff, wie du ihn realisiert hast funktionieren, weil "name" nicht unique ist (wobei JS das dann auch auf ALLE Elemente mit dem Namen anwenden könnte... naja) vermutlich willst du:

<span onMouseOver="document.getElementsByName('Bild')[0].src='bilder/start.png'"  

>          onMouseOut="document.getElementsByName('Bild')[0].src='bilder/start2.png'">

Wobei ich nicht weiß ob man Hochkomma in JS als string-Begrenzer nehmen kann, aber da du das gemacht hast ging ich mal davon aus :) (erspart das Escapen)