Отрицательный margin, Chrome

[MageMerlin]

Добрый день.

Есть такой сайт - http://arlite.dn.ua

Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это

1) логотип на всех страницах (должен быть слева, по факту в центре)

2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню.

Конкретный кусок кода, использовавшийся в логотипе

.head-container
{
	height:705px;
	width:100%;
	background-color:#D2E4CA;
}
.head
{
	width:1000px;
	height:705px;
 	background: url('img/arlite-plant.jpg') no-repeat center;
}
.logo-container
{
	width:280px;
	height:130px;
	margin-left:-750px;            /* <————  Проблема здесь */
}

<div class="head-container" align="center">
      <div class="head" align="center">
             <div class="logo-container" align="right">
                    <a href="/"><img src="/img/logo.png" class="logo"></a><BR>
	        <span class="phone">+38 (062) 332-84-20</span><BR>
	        <span class="phone">+7 (351) 247-36-75</span><BR>
	        <a href="/rus/aboutus/partners/" class="regions">Наши представительства</a>
             </div>
       </div>
</div>

Пожалуйста, подскажите как это вылечить и собственно в чем проблема.

[Zippovich]

фактически не только в chrome глюки, а и в safari - там один и тот же движек.

можно хаками добиться что бы было все нормально, поищите в инете хак для safari/chrome.

[MageMerlin]

Это я в принципе догадался. Просто я не совсем понимаю, как решить вопрос без применения отрицательных маргинов в данном случае.

[slicemasta]

замените стиль, или добавте в конец:

.logo-container {

width:280px;

height:130px;

position: relative;

margin-left: 0;

left: -381px;

}

[MageMerlin]

Спасибо, отлично работает. Подскажите пожалуйста, ка квы высчитали -381px? Что это за цифра?

[slicemasta]

это смещение лого в лево, вместо маргина, можете ее менять как вам угодно

Edited March 16, 2010 by slicemasta