Niogara
По поводу сдвигов фона..У вас установленно 3 фона:
Превый идет на body:
body {
background-image: url("http://sc.uploads.ru/au7m2.png");
background-position: 50% 0%;
background-repeat: repeat-y;
}
С шириной картинки: 1300
Нижний фон идет на #pun-about p.container:
#pun-about p.container {
background-image: url("http://sb.uploads.ru/hsxp4.png");
background-repeat: no-repeat;
height: 118px;
margin-left: -24px;
overflow-x: hidden !important;
text-align: center;
width: 983px;
}
А теперь обратите внимание: здесь у вас выставлена ширина: width: 983px; - мало того, что вы поставили нечетное число, что будет влиять на корректировку (лишний пиксель будет всегда вправо влево, у вас и размеры картинок разные: ширина нижней картинки: 1039 (и опять нечетное число) на боди 1300, вы еще двигаете: margin-left: -24px; пытаясь откорректировать..Вообще для диза нужно цельную картинку резать, чтобы размеры полностью совпадали, и там уже просто ставим на блоки..