出于某种原因，每当我在网站的页脚添加一个小部件时，它都会移动到页面的中心，但仅在Chrome和Safari中。Firefox页脚保持在底部。

我能想到的改变这一点的唯一方法是增加填充顶部的大小。这将页脚放回底部，在Safari和Chrome中看起来很好，但在Firefox中显然看起来很糟糕。

我做错了什么？Site link

页脚。php-

    <div id="footer">
    <div class="footer">

<?php if( is_front_page() ) { 
echo do_shortcode(\'[responsive_column_widgets]\');
}
?>
</div><!--//footer-->

<?php wp_footer(); ?>

</body>

</html>

#footer{
margin-top: -90px; /* negative value of footer height. this need to be  */
height: 100px;
clear:both;
padding-top:20px;
margin: 10px;
text-align: center;
color:#fff;
}
#footer img {
padding:3px; 
margin:3px;
}