menu dropdown - submenus

[Apg 0]

o menu está ótimo... mas tem esse pequeno probleminha:

 

+ quando exibe os submenus, as opções aparecem alinhadas uma ao lado da outra e qro q estas apareçam uma abaixo da outra.

 

aqui o link para avaliação: link

 

aqui o css q estou usando:

 

<style>#nav  {	float: left;	  width: 598px;	list-style: none;	background: #A9A292;	  padding: 0;	margin: 0	  color: #666;	 	  font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav ul  {	float: left;	  width: auto;	list-style: none;	background: #A9A292;	  padding: 0;	margin: 0	  color: #666;	  font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a {	display: block;	width: auto;	w\idth: auto;	color: #7C6240;	text-decoration: none;	padding: 4px 15px;	  color: #FFF;	  font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;}#nav a:hover {	display: block;	background: #CCC;	padding: 4px 15px;	color: #666;}#nav a.daddy { 	background: url(rightarrow2.gif) 96% 50% no-repeat;}#nav a.daddy:hover {	background: #CCC url(rightarrow2.gif) 96% 50% no-repeat;}#nav li {	float: left;		padding: 0;	width: auto;}#nav li ul  {	display: none;	position: absolute;	height: auto;	  width: auto;	w\idth: auto;	font-weight: normal;	margin: 0;	background: #CCC;}#nav li li {	width: auto;}#nav li ul a {	width: auto;	w\idth: auto;}#nav li ul ul {	margin: -1.75em 0 0 13.2em; }#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul, #nav li.sfhover ul ul ul ul ul {	left: -999em;}#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul, #nav li li li li li.sfhover ul  {	display: block;	left: auto;	background: #A9A292;}#nav li:hover, #nav li.sfhover {	background: #CCC; }</style>

[Luiz Henrique 1]

Não vou poder te ar uma resposta concreta do qe digtar, mas seu menu é em javascript ceto devido ao sub-menu, então verifica se no codigo .js não tem o posicionamento, em qu deve apaecr o submenu

[Apg 0]

Não vou poder te ar uma resposta concreta do qe digtar, mas seu menu é em javascript ceto devido ao sub-menu, então verifica se no codigo .js não tem o posicionamento, em qu deve apaecr o submenu

oi...pelo pouco q eu sei de js acho q não ^^to usando essa função:

sfHover = function() {	var sfEls = document.getElementById("nav").getElementsByTagName("li");	for (var i=0; i<sfEls.length; i++) {		sfEls[i].onmouseover=function() {			this.className+=" sfhover";		}		sfEls[i].onmouseout=function() {			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");		}	}}if (window.attachEvent) window.attachEvent("onload", sfHover);

acho q o problema é mesmo no css ¬¬