margin: 0 auto; — Google Chrome

[zmachine]

Есть body с фоном, поверх - div с фоном.

body {
	background: #0a0702 url(images/bgr.jpg) top center no-repeat;
}
.page_elem_main {
	margin: 20px auto 0 auto;
	text-align: left;
	width: 950px;
        overflow: hidden;
	background: url(images/img_02.jpg) top center repeat-y;
}

Стандартная схема. Все замечательно работает во всех браузерах... кроме Хрома. В нем, если уменьшать по ширине размер окна, то выравнивание фона и блока по центру происходит не одинаково, а на каждом четном размере ширины окна все работает нормально, а на каждом нечетном - получается разница в 1 пиксель. Как быть?

Картинка

Edited October 30, 2011 by zmachine

[ceil100]

для

background: url(images/bgr.jpg) top center no-repeat;

задать свой контейнер и не привязывать к body такие вещи

Edited October 30, 2011 by ceil100

[Radiocity]

Ceil100 прав.

Кстати,причина кроется не в margin, а в центрировании фона для body