Menu drop down seguindo o site do Maujor

Galera seguinte to tentando seguir o codigo do site: http://maujor.com/tutorial/ddownmenu.php

Mas nao estou conseguindo implantar no meu sistema, talvez seja ate um problema da geração do menu qu é dinamica com PHP mas queria que o pessoa desse uma olhada, pq de css nao sei nada, vou colocar como eu gero e menu pelo php e como fiz css

Geracao do menu:

$sql = "BUSCA DOS DEPARTAMENTOS CADASTRADOS";
$req = mysql_query($sql);

//
if (mysql_num_rows($req)) {

?>
 <ul class="semMargem" id="nav">
 <?

//
while ($cp = mysql_fetch_array($req)) {

//

	$nome = $cp['nome'];
	if ($cp['id_produto_categoria'] == $_GET['categoria'])
 $nome = '<b>'.$cp['nome'].'</b>';

?>
 //MOSTRO TODOS OS DEPARTAMENTOS ENCONTRADOS
 <li><a class="categoria" href="?l=produto&categoria=<?=$cp['id_produto_categoria'] ?>" title="<?=$cp['nome'] ?>" ><?=$nome ?></a></li>

<?

//AO PASSAR O MOUSE O MENU DEVE APARECER

if ($cp['id_produto_categoria']) {

	//
	echo '<li><ul style="margin-bottom:5px;">';

	//
	$sql = "BUSCO TODAS AS MARCAS DOS PRODUTOS REFERENTES A AQUELE DEPARTAMENTO ";
	$req2 = mysql_query($sql);

	//
	while ($cp2 = mysql_fetch_array($req2)) {

 //
 $nome = $cp2['nome'];
 if ($cp2['id_produto_marca'] == $_GET['marca'])
 $nome = '<b>'.$cp2['nome'].'</b>';

?>
 //MOSTRO TODAS AS MARCAS ENCONTRADAS REFERENTES AQUELE DEPARTAMENTO
 <li><a class="marca" style="color:#06C;" href="?l=produto&categoria=<?=$_GET['categoria'] ?>&marca=<?=$cp2['id_produto_marca'] ?>" title="<?=$cp2['nome'] ?>" ><?=$nome ?></a></li>

<?

}

	echo '</ul></li>';

}

Bom este é a geração do menu, e sim esta funcionando, aparece la o q eu quero, e qdo eu passo o mouse sobre o submenu aparece, mas nao fica fixo qdo eu mexo para chegar ate a marca ele sai...deem uma olhada no css que eu fiz para ver onde pode ser o erro, q esta causando isso

#menu_categoria ul {

margin: 0;
list-style: none;
}

#menu_categoria li {

font-size:11px;
display: block;
padding:2px;
}

#menu_categoria ul li {

position: relative;
}

#menu_categoria li ul {

position: absolute;
left: 149px;
top: 0;
display: none;
}

#menu_categoria ul li a {

display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
}

/ Fix IE. Hide from IE Mac \/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/ End /

#menu_categoria ul {

margin: 0;
padding: 0;
list-style: none;
width: 180px;

}

#menu_categoria li:hover ul, li.over ul {

display: block;
}

#menu_categoria .categoria {

display: block;
padding: 0 0 0 10px;
background: url(../../imagem/marca_menu.gif) no-repeat left center;
text-decoration: none;
color:#333333;
font-size:11px;
}

#menu_categoria .ativo .categoria {

color:#000;
}

#menu_categoria .marca {

font-size:11px;
color:#666;
text-decoration:none;
padding-left:10px;
}

#menu_categoria a:hover {

font-size:11px;
color:#666;
text-decoration:underline;
padding-left:14px;
}

Valeu galera agradeco qualquer ajuda