Как сделать рекламный блок не подвижным при прокрутке вниз?

Как сделать рекламный блок не подвижным при прокрутке вниз пример можно посмотреть здесь http://sticky01.blogspot.ru/2013/09/4.html
Нужно сделать здесь http://travelvideophoto.com/

После долгих обсуждений на другом форуме по Джумла использовал следующее но это не дало результатов

Создал html блок куда поместил код с рекламой и далее сделал

1. В template.css создал класс (код полностью скопирован)
.custom-new38 {
width: 100%; position:fixed; margin-left:-40px;margin-top:-140px;
}

2. В модуле на вкладке Дополнительные параметры в поле "Суффикс CSS-класса модуля" прописал -new38
После этого на сайте пропадает рекламный блок



Попробовал использовать div

Если использую
<div class="custom-new38">
код модуля
</div>
тоже пропадает рекламный блок


В то же время класс в template.css работает
.foto img{
max-width:100% !important;
height:auto !important;
}

На страницу вставляю код
<div class="foto">
текст картинки
</div>

 

Выглядеть должно примерно так http://ruseller.com/lessons/les480/example/css.html
То есть если я правильно понял, то в
template.css в код нужно добавить position:relative;
.custom-new38 {
width: 100%; position:fixed; margin-left:-40px;margin-top:-140px;
}
и соответственно будет
.custom-new38{
width: 100%; position:fixed; position:relative; margin-left:-40px ;margin-top:-140px;
}
Но как и прежде рекламный блок пропадает

 

Поставил position:relative; и рекламный блок появился, но со сдвигом к центру и вверх, что бы его уровнять пришлось задать margin-left:-0px; margin-top:-0px;

Попробовал position:absolute; margin-left:-0px; margin-top:-0px; блок тоже появляется но резко уходит вправо раздвигая границы сайта.

Главный смысл в том что при position:fixed; блока просто нет и задать нужную позицию нет возможности

 

Я не совсем понимаю, что есть родитель блока.

У меня есть html блок в котором находится код с рекламой гугл. Во вкладке дополнительные параметры в окне
Суффикс CSS-класса модуля я прописываю -new38

В файле template.css у меня прописан код задающий правило

.custom-new38 {
width: 100%; position:relative; margin-left:-0px;margin-top:-0px;
}

Подскажите пожалуйста, куда конкретно в какие файлы прописывать position:relative; и position:fixed

Я предполагал, что в template.css задаешь правило а потом выводишь его за счет дивов или за счет Суффикса CSS-класса модуля.
Где я еще не дописал?

У меня таким образом работает правило задающие размер фото


в template.css
.foto img{
max-width:100% !important;
height:auto !important;
}

На страницу вставляю код
<div class="foto">
текст картинки
</div>

 

Вставил слегка измененный код, что бы сделать норм. размер баннера

.custom-new38 {
border: 1px solid red;
height: auto;
position: fixed;
top: 22px;
width: 300px;
}

Но получилось вот что


То есть баннер остается в самом верху перекрывая всё перед ним (блоки с соц сетями, предыдущий баннер), а это самый нижний баннер в позиции. Нужно, что бы после того как пользователь прокрутил страницу до него и в этот момент он должен зафиксироваться и следовать за прокруткой вниз.
Если увеличивать top: например до 500рх, до банер опускается, но вместе с тем обрезается его нижняя часть и чем ниже его опускаешь тем польше обрезается нижняя часть банера