CSS定位Safari与Chrome的区别

我在Safari和Chrome测试中有不同的定位结果

CSS

.home #colophon  {
    margin-top: -150px;
    background-color: #000; 
    opacity: .6;
    height: 150px;  
}
.home #colophon .textwidget {
    color: #FFF;
    margin-top: -150px;
}

HTML

<footer id="colophon" class="site-footer footer-columns" role="contentinfo">

        <div class="container footer-section">
            <div class="row">
                <h2 class="centered">
                    <?php if (bswp_option('footer-banner-title') != '') {
                        echo bswp_option('footer-banner-title');
                        } ?>
                    </h2>
                <hr>
                <div class="col-lg-4">
                    <?php dynamic_sidebar( 'footer-1' ); ?>
                </div>
                <div class="col-lg-4">
                    <?php dynamic_sidebar( 'footer-2' ); ?>
                </div>
                <div class="col-lg-4">
                    <?php dynamic_sidebar( 'footer-3' ); ?>
                </div>
        </div><!-- .row -->
    </div><!-- .containr -->
</footer><!-- #colophon -->

这是我的页面

我想保持我的地址块在两个浏览器的黑色透明区域