Как исправить отступ в 1 пиксель в Google Chrome?

Вот пример http://jsbin.com/oqisuv/

CSS

body {
    background:#e7ebf2 url(http://i.imgur.com/R2VB6.png) center repeat-y;
}
.menu {
    width:989px;
    margin:auto;
    height:100px;
    background:#666666;
    line-height:100px;
    text-align:center;
    color:#fff;
}

HTML


 

Если вы посмотрите приведенный выше пример в Google Chrome, вы увидите . menuвыглядит как margin-left:-1pxили margin-right:1px.

В Firefox и IE все выглядит отлично. Как исправить это?

5
задан EdChum - Reinstate Monica 17 March 2012 в 17:58
поделиться