Создание подменю на CSS

[volazar]

Здравствуйте. В CSS начал разбираться недавно и многого еще не знаю.
На днях сделал горизонтальное меню. Делал на CSS без всяких скриптов. Результат меня устроил. Единственное, что не знаю как можно добавить подменю?
Т.е при наведении на пункт меню, выдвигалось/вылетало бы подменю, с категориями и тому подобным.
Вот код меню:

<table style="border: 0px solid rgb(38, 38, 38); background: url(/design/menu/g_menu.png)" align="center" border="0" cellpadding="0" cellspacing="0" height="58" width="1164px">
<tr> 
<td>
 <a href="/"><li class="gl" title="Главная"></li></a> 
 <a href="/forum/"><li class="frm" title="Форум"></li></a>
 <a href="/load/"><li class="fl" title="Файлы"></li></a>
 <a href="/publ/"><li class="vd" title="Видео"></li></a>
 <a href="/forum/0-0-1-35/"><li class="st" title="Список сталкеров"></li></a>
 <a href="/forum/0-0-1-34/"><li class="ln" title="Лента сообщений"></li></a>
</td> 
</tr>
</table>

И дополнительно созданны классы для него в отдельном файле.
Т.е у меня висит над телом форума картинка. На ней заранее написаны названия меню. При наведении на определенный участок подставляется изображение несущее в себе нужную ссылку.
Если надо будет, дам ссыль на сайт, для более подробного представления как это меню выглядит и действует.
Вопрос к профи, как можно создать подменю? И если можно, то объясните пожалуйста подробнее. Заранее всем спасибо.

 

[BaNru]

А в поиске ответа нет?
с помощью псевдокласса/события :hover

 

[volazar]

Дело в том, что псевдо класс у меня используется для эффекта при наведении на участок картинки (подсветка).
Вот пример:

.gl {
 position: absolute;
 display:block;
 width: 116px;
 height: 54px;
 margin-left:41px;
 margin-top: -29px;
}

.gl:hover {
 background: url(/design/menu/1.png);
 margin-left:41px;
 margin-top: -29px;
}

 

[BaNru]

Ну не уж то так сложно поискать?

<ul>
   <li><a href="#">Ссылка</a>
      <ul>
         <li><a href="#">Ссылка</a></li>
         <li><a href="#">Ссылка</li>
      <ul>
   </li>
   <li><a href="#">Ссылка</a></li>
<ul>

ul ul {display:none;}
ul a:hover ul {display:block;}

<td>
<a href="/"><li class="gl" title="Главная"></li></a>

Это писец. Тигра, ты где. Тебе для сборника говнокода самое то, у тебя наверняка такого нет!
volazar, ты по Попову учился?