CSS塊（div）背景圖片和負邊距

Question

當塊（DIV）具有背景圖像（無重複）時，有人在Opera（和其他人）上獲得了錯誤，但沒有IE6（這裏一切正常）如果塊有負邊界不會出現？事情是這樣的：

#slide_desc {height: 60px;margin-top: -84px;background: url('back/slide_desc.png') no-repeat;} 

IE6，IE7 - OK IE8，歌劇，火狐，Chrome，Safari瀏覽器 - BUG 沒有背景圖像沒有PNG黑客 就在這個HTML：

<div id="slider"> <img src="img/slide.jpg" height="300" width="730" border="0" /> <div id="slide_desc"> Lorem ipsum </div> </div> 

這個CSS

#slide_desc {margin-top: -84px;background: url('slide_desc.png') no-repeat;} 

如果我添加位置：相對的 - 工作在Opera，但在IE6 如果我改變不起作用定位：固定 - 一切都很好，但我不確定這是解決問題的最佳方式。 也是滾動這個滾動條。

Answer 1

看起來你只是需要給它的高度和寬度，否則它只是大作爲該div的文字：

這裏是一個小提琴： http://jsfiddle.net/VrEvA/

，另一個背景在原始div： http://jsfiddle.net/VrEvA/1/