Css Div仅使用internet explorer滑到另一个Div上

在底部的视频播放列表中，视频描述（背景黑色）需要向下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; }

---

IE6/7在混合浮动和绝对定位方面存在问题。尝试从

#content#videos.playlist.entries.description p

中删除

位置：absolute

。如果链接已断开，则应选择正确的url

• 在Firefox3.5中，我看到的正是 与IE（20）的截图相同 像素升高）
• 在IE6中，我看到它与基础对齐 但左边是20px
• IE7与IE6相同，但有一些小故障 在滚动中

在firefox中，前两项未被放置，但播放列表中的第三项显示正确。影响这一点的因素是标题的长度。标题显示越长越好，20px间隔越短，行高会向下推时间戳

如果在环绕标题的“视频”中添加另一个div，并使用overflow:hidden在此上定义高度和宽度，则应标准化并停止某些块与其他块的高度不同的问题

完成这项工作后，您可以使用一些CSS技巧，通过使用

position:relative;
top:XXpx

---

有点脏，但应该很好用。因为我无法在我的浏览器中重新创建您的问题，所以不能再具体了。

上述建议都不起作用。我用

左边距：-20px解决了这个问题。讨厌internet explorer
 在IE8上看起来不错。若有任何问题，您可能会被迫使用替代样式表来解决此问题。您的屏幕截图链接不起作用