Проблема позиционирования блока в google chrome

[slo_nik]

Добрый день.

 

Есть сайт.

Главная страница, блок контента съезжает вниз при просмотре в google chrome , opera.

В mozilla такой проблемы нет.

На остальных страницах в google chrome и opera блок контента отображается нормально, то есть не съезжает вниз.

 

Вот так отображается в google chrome и opera

 

 

Так должно отображаться

 

Подскажите, пожалуйста, как исправить ситуацию на главной странице?

 

 

[TuTaHuKk]

#content {

    background: none repeat scroll 0 0 #fff;

    margin: -75px auto 0;

    overflow: hidden;

    padding: 0 14px;

    position: relative;

    width: 972px;

    z-index: 300;

}

.main-content {

    margin-top: 0 !important;

    top: -410px;

}

 

Зачем задавать столько margin-ов одному блоку если вы задали блоку position relative! Попробуйте так:

 

#content {

    background: none repeat scroll 0 0 #fff;

    margin:0 auto ;

    overflow: hidden;

    padding: 0 14px;

    position: relative;

    top: -410px;

    width: 972px;

    z-index: 300;

}

 

[slo_nik]

Благодарю за подсказку.

Пришёл к такому же решению, вроде теперь нормально отображается.