bgeissl: a:hover nur mit <ul> und nicht mit <a>?

Beitrag lesen

Hallo,

ich habe http://de.selfhtml.org/css/layouts/anzeige/2spaltig_links.htm@title=hier ein tolles Beispiel gefunden, wie man mit CSS einige Links bei Mausbewegung besonders hevorhebt:

ul#Navigation a:link {  
  background-color: white;  
}  
ul#Navigation a:hover {  
  background-color: red;  
}
<ul id="Navigation">  
  <li><a href="../einfuehrung.htm">Einf&uuml;hrung</a></li>  
  <li><a href="../beispiel.htm">Beispiel</a></li>  
</ul>

Jetzt möchte ich aber keine "Unsortiertierte Liste" haben, sondern einige Links direkt umformatieren. Also in etwa so:

a#MyLink a:link {  
  background-color: white;  
}  
a#MyLink a:hover {  
  background-color: red;  
}
<a id="MyLink" href="../beispiel1.htm">Mit Hervorhebung bei Mausbewegung</a>  
<a href="../beispiel2.htm">Beispiel ohne Hervorhebung</a>

Geht aber leider nicht. Ich habe schon diverse Schreibweisen ausprobiert. Habe hier den IE 6. Hat jemand eine Idee?

Danke & Gruß
bgeissl