Как избавиться от отступа между картинкой

При верстке сайта столкнулся с такой проблемой. Между картинкой и телом новостей получается отступ в Хроме отображается нормально, а в остальных браузерах получается отступ. На форуме провебера, дельных советов не дали может вы чем поможете.



Код html:

</header>
<div class="main">
    <div class="clearfix"></div>
    <div class="sidebar">
        {include file="sidebar.tpl"}
    </div>
       <div class="content">
        {info}
        {content}
       </div>
</div><!--Тело новостей-->
 
</body>
 
</html>

Код css:

/* Новости и боковая навигация */
 
.clearfix{
    background: url("../img/content_line.png") no-repeat;
    width: 961;
    height: 5px;
 
}
 
.main{
    width: 957px;
    margin: -6px auto 0 auto;
 
}
 
.sidebar{
    width: 277px;
    float: right;
    background: #fff;
}
 
.content{
    width: 630px;
    float: left;
    background: #fff;
    overflow: hidden;
    padding: 25px;
}

 Источник:dle-faq.pro, DLE