在页面底部显示图像

Question

我想在页面底部显示图像（宽度为1像素，高度为200像素）。但是，当我使用下面的代码时，我在页面上看不到任何新内容。

HTML：

<div id="makeThisBottom">
    <ul class="xy"> 
</ul>
  </div>

以下是它的css：

ul.xy { width:auto; margin: 0; padding: 0; display:block; background:url(images/3006.png)    repeat-x bottom left; }

#makeThisBottom{
    position: absolute;
bottom: 0;
right: 0;
left: 0;
}

这个div和ul紧跟</body>（所以，很可能，没有覆盖）。我该如何解决它以及我做错了什么。感谢

Answer 1

限定height的{​​{1}}和width：fsFiddle Demonstration

ul