ein Mouseover, mehrere li ändern

[julimueller]

Hallo,
ich forsche jetzt die ganze zeit im internet nach einer lösung, doch bis jetzt habe ich noch keine gefunden.

Ich habe hier einen navigationsbereich, den ich mit zwei reihen aus je 4 li habe.
nun möchte ich, wenn ich mouseover über eine li mache, dass sich der hintergrund beide ul ändert:

  
<ul id="Navigation">  
    <li><a href="Urheber_und_Datenschutz.html"  
           onmouseover="neueFarbe('#ffff00','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation1'); ">  
           Urheber und Datenschutz</a>  
    </li>  
    <li><a href="Bedeutung_&_Gefahren_des_Internets.html"  
           onmouseover="neueFarbe('#ff7700','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Bedeutung & Gefahren des Internets</a>  
    </li>  
    <li><a href="Protokolle_&_Dienste_des_Internets.html"  
           onmouseover="neueFarbe('#ff0000','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Protokolle & Dienste des Internets</a>  
    </li>  
    <li><a href="Sprachen_des_Internets.html"  
           onmouseover="neueFarbe('#ff00ff','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Sprachen des Internets</a>  
    </li>  
  </ul>  
  
  <ul name="Navigation">  
    <li><a href="Komponenten_des_Internets.html"  
           onmouseover="neueFarbe('#7700ff','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Komponenten des Internets</a>  
    </li>  
    <li><a href="Funktionsweise_von_Suchmaschinen.html"  
           onmouseover="neueFarbe('#0000ff','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Funktionsweise von Suchmaschinen</a>  
    </li>  
    <li><a href="Netzwerke.html"  
           onmouseover="neueFarbe('#00ffff','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Netzwerke</a>  
    </li>  
    <li><a href="Sicherheit_des_Internets.html"  
           onmouseover="neueFarbe('#00ff00','Navigation'); "  
           onmouseout="neueFarbe('#696969','Navigation'); ">  
           Sicherheit des Internets</a>  
    </li>  
  </ul>  

..ich muss zwei reihen ( zwei ul) machen, weil ich jede reihe horizontal laufen habe, und alle in einer Reihe zu lang wären..

nun habe ich in meiner java datei folgendes:

  
function neueFarbe(Farbe,ID)  
  { document.getElementByID(ID).style.backgroundColor = Farbe ;}  

ich habe nun nur das Problem, dass wenn ich über eins der li gehe, sich nur die bg von der ersten ul ändert, jedoch will ich, dass sich beide ändern, egal über welches li ich hovere..

bitte um hilfe

mfg julimueller