Problema com Menu Drop Down em CSS usando DIV

Olá, estou fazendo um site em css, como ñ tenho um conhecimento avançado procurei na net tutoriais que ensinassem a fazer menu drop down na horizontal com os sub-menus na vertical.

o código HTML adquirido no tutorial foi:

CODE

<ul id="menu-top">
<li><a href="#"> Início</a></li>

<li><a href="#"> Header</a>

<ul>

<li><a href="#"> header</a></li>

<li><a href="#"> menu</a></li>

</ul></li>

<li><a href="#"> Templates</a>

<ul>

<li><a href="#"> Download</a></li>

<li><a href="#"> Blog a La Carte</a></li>

</ul></li>

</ul>

o código CSS:

CODE
/* Menu
----------------------------------------------- */

#menu-top { / configurações base do menu /

margin: 10px 5px 30px 5px;

padding: 0;

border: 1px solid $titlecolor;}

#HTML1 h2 { / retira o título do elemento de página /

display: none;}

#menu-top ul {

padding: 0;

margin: 0;

list-style: none;}

#menu-top li {

list-style:none; / retira os marcadores de lista /

float: left; / tiramos o "display:inline" e acrescentamos o "float" /

position: relative; / posiciona o menu em relação ao sub-menu /

}

#menu-top li a { / configura os botões do menu na lista ativa /

float:left;

border-top:0.1em solid $bgcolor;

border-right:0.1em solid $bordercolor;

border-bottom:0.1em solid $bordercolor;

border-left:0.1em solid $bgcolor;

width:100px;

font: $bodyfont;

line-height: 1.8em;

background:#f1f1f1;

color:$textcolor;

text-align:center;

padding:0 0.2em 0.2em 0;

text-decoration:none;}

#menu-top li a:hover{ / configura os botões do menu quando passa o mouse /

background: $bgcolor;

color: $linkcolor;

border-top:0.1em solid $bordercolor;

border-right:0.1em solid $bgcolor;

border-bottom:0.1em solid $bgcolor;

border-left:0.1em solid $bordercolor;

text-decoration:underline;}

#menu-top li ul {

position: absolute; / posiciona o sub-menu em relação ao principal /

left: 0; / atenção para estas medidas /

top: 2.2em;

display: none; / esconde o sub-menu quando não está ativo /

}

#menu-top li:hover ul { / faz o sub-menu "aparecer" com mouse-sobre /

display: block; }

Mais ele ñ funciona!!!!

eu to ficando louco ja de tanto quebrar a cabeça tentando faze este menu, e ja estou atrassado na entrega do site.

só preciso resolver a questão deste menu!

POR FAVOR, ME AJUDEM!!!

Att Kauê Morelli