为什么“位置:绝对”时“显示:表格单元格”被破坏?

我遇到了一个奇怪的问题。我使用DIV作为容器,并将一个图像放入这个分区。我希望这个图像垂直于底部对齐。以下代码有效。

#banner { 
  width: 700px; 
  height: 90px; 
  top: 60px; 
  left: 178px; 
  overflow: hidden; 
  text-align: center; 
  display: table-cell; 
  vertical-align: bottom; 
  position: relative;
}

<div id="banner">
  <img src="http://www.google.de/intl/de_de/images/logo.gif"/>
</div>

但如果我将CSS代码“position:relative”更改为“position:absolute”,图像就不能再与底部对齐。这是萤火虫3吗?我怎样才能解决这个问题?

我目前的解决方案是:

<div id="banner">
  <table width="100%" height="100%"><tr><td valign="bottom" align="center">
  <img src="http://www.google.de/intl/de_de/images/logo.gif"/>
  </td></tr></table>
</div>

但我不喜欢这个解决方案。