magento - тема по умолчанию с 1px больше в webkit

Question

Magento (версия 1.6.0.0) тема / оболочка внешнего интерфейса по умолчанию,

В Chrome 14.0 / Safari 5.1 [Win7 32x] есть 1 пиксель пробела,

ВFirefox, Opera и IE выглядят отлично.

Конечно, вы можете увидеть это сами по себе на http://demo.magentocommerce.com/

Очень расстраивает, я пытаюсьрешать проблему.Как я вижу ...

/* skin/frontend/default/default/css/styles.css, line 100 */

.main { 
   width:900px; 
   margin:0 auto; 
   min-height:400px; 
   padding:25px 25px 80px; 
   background:#fffffe url(../images/bkg_main2.gif) 0 0 no-repeat; 
   text-align:left; 
}

.main div имеет ширину 950px.

bkg_main2.gif имеет ширину 962px и высоту 653px, но имеет тень 6px слева и справа,пустое пространство в центре имеет ширину 950 пикселей.

Итак, все должно быть хорошо.

Есть идеи, в чем проблема ?!Спасибо за любую хорошую мысль.

Answer 1

Следующее должно сделать трюк:

@media screen and (-webkit-min-device-pixel-ratio:0) {
.main { background: url("../images/bkg_main2.gif") no-repeat scroll -1px 0 #FFFFFE; }
}

Это должно исправить выравнивание фона во всех браузерах webkit. Дайте мне знать, как это происходит