Люди, помогите с выпадающим меню!!!!

Господа, веб-мастера. Помогите, пожалуйста начинающему. Уже столько вариантов перепробовала ничего у меня не получается. Скоро завою. Мне на сайте нужно сделать в вертикальном меню - выпадающее всего на одной кнопке. Начинаю что-то прикручивать сайт отражается некорректно. :(

Если не затруднит, помогите!!! Пожалуйста!!!:)

Вот часть HTML кода, здесь понятно что делать.

<div id="links">

<ul>

<li>

<h2>Виды ограждений:</h2>

<ul>

<a href="zabor-setka.html"><img src="images/menu-setka.jpg" alt="заборы из сетки рабица" width="240" height="156" /></a>

<li><a href="zabor-setka.html">Заборы из сетки рабица</a>

<ul>

<li><a href="zabor-setka.html">Заборы из сетки рабица</a></li>

<li><a href="zabor-setka.html">Заборы из сетки рабица</a></li>

</ul>

</li>

</ul>

<ul>

<a href="zabor-profnastil.html"><img src="images/menu-prof.jpg" alt="забор из профнастила" width="240" height="150" /></a>

<li><a href="zabor-profnastil.html">Заборы из профнастила</a></li>

</ul>

</li>

А вот мой CSS, здесь вообще ничего не понимаю

/* Links */

#links {

float: left;

width: 240px;

background: #FFFFFF;

padding-right: 20px;

}

#links h2 {

height: 18px;

margin: 0;

padding: 2px 0 0 0;

background: #83adb2 url(images/img05.gif) no-repeat;

letter-spacing: normal;

text-transform: none;

text-align: center;

font-size: 14px;

color: #F3F5F9;

font-family: Verdana, Arial, Helvetica, sans-serif;

}

#links ul {

width: 240px;

margin: 0;

padding: 0;

list-style: none;

line-height: normal;

color: #15303B;

text-align: left;

padding-right: 20px

}

#links li ul {

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #14303E;

text-align: left;

padding-top: 15px;

padding-right: 25px;

padding-bottom: 15px;

}

#links li li {

height: 23px;

padding: 7px 0 0 10px;

background: #b0e9fb url(images/img07.gif) repeat-x;

border-bottom: 1px solid #a7d3e2;

}

#links li li:hover {

background: #a7d3e2;

}

#links li li:hover a {

font-weight: bold;

font-family: Verdana, Arial, Helvetica, sans-serif;

color: #133038;

font-size: 12px;

}

#links li li a {

padding-left: 13px;

background: url(images/img06.gif) no-repeat left center;

text-decoration: none;

color: #15303B;

}

Заранее спасибо всем откликнувшимся!!!:o