Div 背景不与 Div 一起定位

问：

我有几个 Div，我使用类和一个 ID 来设置样式，他的 div 本身是 emtpy，因为它们只是其背景的占位符。示例 div：

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

然后我使用这个 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;
}

只要 Div 位于文档的左上角，图像就会正确显示，但是当 Div 放置在页面上的其他位置时，图像将保留（不可见）在页面的左上角，仅显示与 div 重叠的部分（在示例中，这将是图像的底部）。

编辑我试图在不影响我的其他布局的情况下定位这些 Div，它们位于其他布局的后面。这有效，但背景图像不遵循 divs 位置。
所以基本上我的问题是，为什么 ranImg1 div 的背景没有与 div 一起定位，而是停留在左上角，以及如何解决这个问题？