Вот пример 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 все выглядит отлично. Как исправить это?