html – 保证金不能仅在Safari中使用(元素位于页面底部)

请查看最新的野生动物园中的以下链接：
http://www.grupoguion.com/

页脚固定在底部,并通过滚动显示,所以前一部分有一个边缘底部,但它不起作用,只在Safari中.
其他地方都可以,即使在I.E.
我试图在页面包装器中添加overflow：auto,但是所有浏览器中的所有内容都会变得奇怪,并且元素会消失并出现.
我也读过去除高度：100％的身体和html可能会解决这个问题,但这不是我的选择,因为我需要图像来修复浏览器的高度.

请问有其他可能的解决方案吗？

预先感谢.

解决方法

您可以添加底部大小的div并使其透明.
HTML：

<div id='tr-footer'>
</div>

css：

#tr-footer{
height: ?px;
width:100%;
background:transparent;
}