Alpha-Kristall: CSS Hover Menü

Beitrag lesen

Nochmals hallo.

Ich probiere jetzt schon seit zwei Stunden rum, und irgendwie bin ich zu blöd, auch nur die Spritemap richtig zu nutzen >.<
Schon beim zweiten Menüpunkt hab ich Probleme:

<head>
<title>Geteilte Navigationsleisten</title>
<style type="text/css">

#navigation a {
  display:block;
  width: 100px;
  height: 30px;
  background: url(http://www.loaditup.de/files/521634.png);
  text-indent:-999px;
 }
 #menu1 {
 background-position:0px -15px;

}
 #menu2 {
 background-position:0px -15px;

</style>
</head>

<body>
  <h1 id="Beispiel">Geteilte Navigationsleisten</h1>

<ul id="navigation">
  <li><a href="http://www.google.de" id="menu1"></a></li>
  <li><a href="http://www.ebay.de" id="menu2"></a></li>
  </ul><div></div></div>

</body>

Das mit Google und ebay sind nur Testseiten.
Kann jemand den Fehler suchen, und mir mitteilen?
Wäre sehr dankbar...