Div-hintergrund nicht mit dem Div position

Habe ich ein paar Divs die ich Stil mit einer Klasse und einer ID, die er div ' s selbst sind leer, da Sie nur Platzhalter für Ihren hintergrund. Beispiel Div:

<div id='ranImg1' class='ranImg'></div>

Dann habe ich style Sie mit diesem css:

.ranImg {
  position:fixed;
  z-index:0;
  width:250px;
  height:250px;
  display:block;
}
#ranImg1 {
  left:10px;
  top:200px;
  background-attachment:fixed;
  background-image:url(http://localhost/MyAlbum//images/background/ranPaperclips.png);
  background-repeat:no-repeat;
}

Solange das Div-Element in die linke Obere Seite des Dokuments zeigt das Bild richtig, aber wenn das Div-Element platziert irgendwo anders auf der Seite das Bild bleibt (unsichtbar) in der oberen linken Ecke der Seite zeigt nur den Teil überschneidet sich mit der div (in dem Beispiel wäre dies der untere Teil des Bildes).

BEARBEITEN
Ich versuche, die position dieser Divs, ohne dass meine anderen Layouts, Sie sind hinter das andere layout. Dies funktioniert, bis auf die Tatsache, dass der hintergrund das Bild nicht Folgen, die divs positionieren.

Also im Grunde meine Frage ist, warum ist nicht der hintergrund für die ranImg1 div-Positionierung mit div, bleibt aber in der linken oberen Ecke, und wie man dieses Problem beheben?