проблема со скриптом выпадающего текста

добрый день. так и так, у меня есть пример как сделать меню в стиле "выпадающее меню" но... что-то творится какая-то фигня и у меня вообще ничего не получается.
Пример того, что нужно сделать (а-ля Код + комментарии к нему):

Код:


|________А________|________Б_______|________В______|<= пункт шапки меню
  |1________________|<=пункт выпадающего списка меню
  |2________________|
  |3________________|
  |4________________|

1)Для нормальной работы меню необходимо вставить приведённый ниже фрагмент css-таблицы
в самое начало или конец файла 16-ltr.css

.floatleft {float:left; padding-right:5px}
.ddheader {
font:12px Arial, Helvetica, sans-serif;
width:100px;
height:6px;
border:1px solid #aaaaaa;
padding:8px;
font-weight:bold;
margin-top:5px;
cursor:pointer;
background-color:#bbbbbb;
}
.ddheader a{}
.ddheader:hover {background-color:#cccccc}
.ddcontent {
position:absolute;
overflow:hidden;
width:118px;
display:none;
background:#fff;
z-index:200
text-color:white;
}
.ddinner {
width:116px;
border:1px solid #dddddd;
 border-top:none;
font:12px Arial, Helvetica, sans-serif
}
.ddinner ul {display:block; list-style:none; margin:0; padding:0; background:#ffffff}
.ddinner li {margin:0; padding:5px; cursor:pointer}
.ddinner li:hover {background:#eeeeee}
.underline {border-bottom:1px solid }
Где
#aaaaaa - значение цвета рамки вокруг пункта шапки меню
#bbbbbb - значение цвета заливки пункта шапки меню
#сссссс - значение цвета заливки пункта шапки меню при наведении
#dddddd - значение цвета рамки вокруг выплывающего списка
#ffffff - значение цвета заливки пункта выплывающего меню
#ееееее - значение цвета заливки пункта выплывающего меню при наведении
Шестнадцатеричное значение цвета можно узнать в палитре Adobe Fotoshop'а. Ну это так,
на всякий случай.

2) Удали плиз эту вымораживающую бегущую строку)) А то выплывающий список получается перекрыт
текстом в строке. Как бы я не пытался ковыряться в её стилях (файл ticker.css) мне не удалось именить
её параметры.

3) Создать новый пункт в шапке меню несложно. Вот шаблон:
<div class="floatleft">
  <div class="ddheader" id="ХХХ-ddheader" onmouseover="ddMenu('ХХХ',1)" onmouseout="ddMenu('ХХХ',-1)">Пункт в шапке меню</div>
  <div class="ddcontent" id="ХХХ-ddcontent" onmouseover="cancelHide('ХХХ')" onmouseout="ddMenu('ХХХ',-1)">
    <div class="ddinner">
      <ul>
        <li class="underline">Пункт выплывающего списка</li>
          <!--ещё пункты-->
      </ul>
    </div>
  </div>
 </div>
Где ХХХ - индивидуальный идентификатор каждого пункта в шапке меню. Т.е. для каждого пункта шапки он
должен быть разным.

3) Если выплывающего списка нет, то шаблон такой:
<div class="floatleft">
  <div class="ddheader" id="ХХХ-ddheader">Пункт в шапке меню</div>
 </div>


И у меня получается что, ничего не получается и меню не выпадает, а даже просто стоит и под ним ссылки.
Объясните, что я делаю не так, что не туда вставляю и так далее. Адрес сайта: www.killorbekilled.forum2x2.ru
Заранее благодарен.

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

Злобный зеленый заяц пишет:Ах да, и сразу под такую дудку... Как сделать так, чтобы баннеры на форуме прятались под кнопочку, а не торчали внизу и не растягивали страницу?

вставьте баннеры в контейнер

Код:

<div align=center>
<a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://savepic.org/437768.png" ></a><div style="display: none">
СЮДА ВСТАВЛЯЕМ КОДЫ БАННЕРОВ
</div>
</div>

кнопку

Код:

<img src="http://savepic.org/437768.png" >

можете поменять на свою

Уже разобрались со скриптом.
Спасибо Домовой за разъяснение с баннером и скрывающей кнопкой.