Div在另一個div上滑動僅限於Internet Explorer

Question

在底部的視頻播放列表中，視頻描述（背景黑色）需要向下20像素。如果您使用Firefox查看網站，您會更好地理解它。

[鏈接不再工作]

#content #videos .playlist { float:left; width:442px; height:292px; margin:10px 0; background:#FFFFFF url(images/bg_videoplaylist.gif) repeat-x; background-position:-1px 0; border:1px solid #083684; position:relative; overflow:hidden; } 
#content #videos .playlist .entries { position:absolute; width:10000em; height:60px; } 
#content #videos .playlist .entries .video { float:left; width:422px; height:60px; font-size:14px; font-weight:bold; text-decoration:none; padding:20px; background:transparent url(images/player_entry.gif) 0 0 no-repeat; } 
#content #videos .playlist .entries .playing { background-position:0px -80px; } 
#content #videos .playlist .entries .paused { background-position:-432px -80px; } 
#content #videos .playlist .entries .progress { opacity:0.8; } 
#content #videos .playlist .entries em { float:right; color:red; font-style:normal; margin:14px; } 
#content #videos .playlist .entries .description { float:right; width:442px; height:212px; background:#000 url(http://flowplayer.org/img/player/btn/play_large.png) right bottom no-repeat; } 
#content #videos .playlist .entries .description p { color:#FFF; width:422px; height:192px; font-size:12px; font-weight:none; text-decoration:none; padding:10px; position:absolute; } 

Answer 1

上述建議都沒有奏效。我用margin-left:-20px解決了它。討厭互聯網瀏覽器！

Answer 2

IE6/7與混合浮動和絕對定位的問題。嘗試刪除position:absolute從#content #videos .playlist .entries .description p

Answer 3

你的鏈接斷開，正確的URL應http://pangeaadvisors.org/SS.jpg

• 在Firefox 3.5中我看到它完全 與您的IE瀏覽器的截圖（籌集了2000個 像素）。
• 在IE6中我看到它對準底座 但20像素左側
• 和IE7一樣IE6但在滾動的一些毛刺 。

在firefox中，前兩項沒有放置，但播放列表中的第三項正確顯示。影響這個因素的因素是標題的長度。較長的標題顯示效果較好，20px間距較短，線條高度將時間戳壓低。

如果在包圍標題的「視頻」中添加另一個div，並使用overflow：hidden定義此高度和寬度，則應標準化並停止某些塊與其他高度不同的問題。

完成這一操作，那麼你可以使用幾個CSS的黑客利用

position:relative; 
top:XXpx 

有點落魄骯髒編寫任何行爲不當的瀏覽器的規則，但應該只是罰款。不能更具體，因爲我實際上無法在瀏覽器中重新創建您的問題。