Вставка картинки фоном в определенное место - Joomla 3.x: Шаблоны, разметка и макеты вывода

Здравствуйте. Подскажите, как вставить картинку, чтобы она была фоном только в одном  месте. как указано на скриншоте, Joomla 3.
sosh17.eduusolie.ru

Навскидку, можно так:
1 создать в материале <div id="fon"></div>
2 в стилях указать путь к изображению, дать position:absolute и выставить в нужное место

Навскидку, можно так:
1 создать в материале <div id="fon"></div>
2 в стилях указать путь к изображению, дать position:absolute и выставить в нужное место

Прописал в файле Index.php <div id="fon"></div>

CSS добавил:
fon {    position: absolute;
   background: url("../images/267.png") no-repeat center transparent;}

И ничего

прописали position: absolute; а позицию и размеры нет. Щас он у вас нулевого размера.

прописали position: absolute; а позицию и размеры нет. Щас он у вас нулевого размера.

Например, если дописать в css:
fon {
    position: absolute;
        right: 15px;
     left: 15px;
     top: 15px;
   background: url("../images/267.png") no-repeat center transparent;}
То должна появиться картинка?

И всё равно ничего

Я говорю, размеры пропишите. Размер у вас равен нулю, т.к. контента в блоке нет. Плюс, right и left взаимоисключающие правила в данном контексте.

right: 15px;
left: 15px;
или первое или второе

Да и я бы в материал ставил, а, например, item-page обернуть в positon: relative

А почему таки косяки с закрывающимся body?