表渲染问题：火狐4，壁虎

Question

在WebKit浏览器这个页面呈现罚款：

http://www.ryanhaywood.com/s/film.html

但在更新的Firefox是可怕的间隔。我已经在萤火虫混乱了好几天，我不知道如何在Firefox中解决这个问题。

我对古老的解决方案部署在上述页面

任何人都可以发现问题（表）道歉？

在此先感谢 瑞安

Answer 1

您曾表示创建包含表布局陈旧，我肯定会同意。下面是使用<div>的一个解决方案，应该在所有的浏览器

例如这里：http://jsfiddle.net/pxfunc/hjgQm/

我归类的电影中div的的left-orientation和right-orientation交替模式，像这样：

<div class="left-orientation"> 
    <a href="#"><img src="http://placehold.it/250x175/ff0" alt="Director's Reel" /></a> 
    <p class="title">Director's Reel</p> 
</div> 
<div class="right-orientation"> 
    <a href="#"><img src="http://placehold.it/250x175/f00" alt="Nobody's Off The Hook" /></a> 
    <p class="title">Nobody's Off The Hook</p> 
</div> 

我用边距来控制电影在父div内显示的位置

#films div {width:46%;margin-top:-100px;} 
#films .left-orientation {text-align:right;} 
#films .right-orientation {margin-left:54%} 

您可以调整#films div {margin-top:-100px;}向上或向下以适应您所需的高度以抵消胶片