Html 存在浏览器差异问题（Firefox）-溢出和/或包装高度

我发现页脚在Chrome上显示得很好，但是看起来它没有得到

overflow:hidden。包装器div仍然在页脚下一点

<div class="wrapper6"> // at gallery.html
<div class="wrapper8"> // at galeri2013.html

和两个页脚的属性

galeri2013.html

.footy4 {
   position:relative;
   display:inline !important;
   float:left;
   z-index:1;
   left:0;
   margin-bottom:-4.3%;
   transform:skewX(8deg);
   -webkit-transform:skewX(8deg);
   transform:skewY(-2.5deg);
   -webkit-transform:skewY(-2.5deg);
   background-color:#e81b1b;
   width:100%;
   height:120px;
   margin-top:96%;
   overflow:hidden;
}

gallery.html

.footy7 {
   position:relative;
   display:inline !important;
   float:left;
   z-index:1;
   left:0;
   margin-bottom:-4.3%;
   transform:skewX(8deg);
   -webkit-transform:skewX(8deg);
   transform:skewY(-2.5deg);
   -webkit-transform:skewY(-2.5deg);
   background-color:#e81b1b;
   width:100%;
   height:120px;
   margin-top:150%;
   overflow:hidden;
}

我认为我没有用最好的方法来处理它，如果你发现任何错误/不是最好的编码方法，请告诉我，这样我可以学习并提高自己

为了再次澄清，我想让我的页脚在Firefox上贴到底，就像在Chrome上一样
 好的！几个小时后，我发现出了什么问题。。。我已经把footer div放入wrapper div，一切都正常了

所以这就是我基本上实现它所做的

<div class="wrapper">
    //some other content
<div class=footer>
    //footer content
</div>
</div>


//其他一些内容
//页脚内容

我把溢出放回了
overflow:hidden到我为了测试错误而移除的包装器。你可以看到我在这个问题上使用的其他css属性

希望这些图片对其他人有用，并感谢所有帮助过你的人。
在图库页面中，你能详细解释问题吗？你到底想要什么？页面加载也需要很多时间。请优化图像。似乎连缩略图图像都是高分辨率的，你可以使用裁剪版本。是的，我知道，我正在等待更新图像来更改它们。关于这个问题，如果你同时在chrome和firefox中打开这些页面，你会发现firefox的页脚下仍然有一些空间。用铬合金就可以了。看起来firefox似乎没有得到“溢出：隐藏”。你可能正在寻找这个，也就是说，你似乎需要用上面的解决方案将页脚放在你的包装器中，希望它没有帮助，但我建议丢失3mb的背景纹理，用更用户友好的东西替换它。@halfer你完全正确，这是在2014年，但谢谢。嘿@Ekin，请看我的答案，因为如果屏幕不太高，页脚就不会显示，那么在Firefox和Chrome上试试open Developer tools（F12），你会注意到的。
<div class="wrapper">
    //some other content
<div class=footer>
    //footer content
</div>
</div>