Bilder werden mit Firefox nicht angezeigt

Okay, ich beginne mal direkt mit meinem Problem: Ich bastel grade an meiner ersten Website und hab direkt schon ein Problem beim CSS-Code:

<style type="text/css">
<!--
#kopfbereich {
  background:url(feuerwerk.jpg) no-repeat left top;
  height:150px;
}
#navi {
  background-color:black;
}
#schatten {
  background:url(schatten.png) x-repeat;
  height:12px;
}
html, body {
  font: 100% Arial, Helvetica, sans-serif;
}
#kopfbereich p {
  color:white;
  text-align:right;
  font-size:2em;
  padding:0.4em 0.4em 0 0;
}
#navi p {
  color:white;
  }
* {
  margin:0;
  padding:0;
}
//-->
</style>

Mit dem IE wird das Bild aus dem Kopfbereich angezeigt, der Schatten aber nicht. Mit dem Firefox wird keins von den beiden angezeigt. Wo liegt der Fehler?

Achja, es ist eine ausgelagerte Datei.

Bei #schatten hast du dem background-Attribut den Wert x-repeat gegeben. Der ist falsch, es heißt repeat-x. Wenn dadurch nicht alle Fehler behoben sind, zeige uns am besten noch den HTML-Code.

Danke, klappt.

Kann geclosed werden…