Как я могу получить повторяющиеся фоны, чтобы иметь правильное смещение позиции в Firefox?

Question

Я работаю над сайтом по адресу http://simplyclassicremodeling.com/. Текст и фоновые изображения размещаются по желанию для Chrome; В IE есть отдельная проблема, о которой я спрашивал в другом месте, но в Firefox фоновые изображения находятся не в том месте, где они должны быть (текст находится там, где он должен быть, но фоновые изображения для тела и заголовка слева и над их предполагаемое положение соответственно).

Как я могу сказать Firefox поместить фоны в то же место, что и Chrome?

Answer 1

Firefox, похоже, не интерпретирует background-position-x а также background-position-y правильно, не знаю, правильно ли это или нет в соответствии со спецификацией. Просто используйте background-position как и следовало ожидать, вот так:

body {
    background-image: url("/img/side_border.png");
    background-repeat: repeat-y;
    background-position: 240px 0;
    font-family: 'Macondo Swash Caps', cursive;
    font-size: larger;
    overflow-x: hidden;
}

header {
    background-image: url("/img/top_border.png");
    background-position: 0 160px;
    background-repeat: repeat-x;
    height: 200px;
    padding-left: 310px;
    width: 100%;
}

Это работало для 8.0.1, когда я редактировал изменения через Firebug.