Menu... Drop Down Horizontal Com Sub Menus Vertical

Boa tarde galera!!!
tudo bem? espero que sim... sou um pouco iniciante em css e estou codando um menuzinho..
pequei varios tutoriais e fiquei estudando e tal.. tipo eu fiz o menu com sub menus só que na hora
que o mouse fica em cima sai todo errado... alguem poderia me ajudar????

CODIGO CSS:

body {
			padding:0px;
			margin:0px;
		}

		#menu_left ul {
			padding:0px;
			margin:0px;
			float: left;
			width: 571px;
			background-color:#E8E8E8;
			list-style:none;
			font:80% verdana;
						font-size: 8pt;
		}

		#menu_left ul li { display: inline; }


		#menu_left ul li a {
			background-color:#E8E8E8;
			color: #335353;
			text-decoration: none;
			border-left:3px solid #666666;
			padding: 2px 17px;
			float:left;
		}


		#menu_left ul li a:hover {
			background-color:#FFFAFA;
			color: #000000;
			border-left:3px solid #9ACD32;
		}



#menu_left ul ul {
	position: relative;
	left: 17px;
	display: none;
	}


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


#menu_left ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}



#menu_left li:hover ul, li.over ul { 
	display: block; }

AS PARTES DE BAIXO... eu fiz lendo um tutorial, acho que ali esta o erro =/
ele aparece um em cima do outro hahahae e nao consigo arrumar
deve estar faltando algo...


ESSA É A PAGINA

<br>
	<div id="menu_left">

		<ul id="nav">
		<li><a href="">principal</a></li>
		<li><a href="">sobre</a></li>

			<ul><li><a href="">blblbb</a></ul></li>			
			<ul><li><a href="">sdfsf</a></ul></li>
			
		<li><a href="">sdfsdf</a></li>

			<ul><li><a href="">sdfsdfte</a></ul></li>
			<ul><li><a href="">sdfdsf</a></ul></li>
			<ul><li><a href="">sdfsfsf</a></ul></li>

		<li><a href="">sdffds</a></li>
		<li><a href="">sdfsdfdsf</a></li>
		<li><a href="">notsdfsdficias</a></li>

			<ul><li><a href="">sdfsfd</a></ul></li>
			<ul><li><a href="">global</a></ul></li>

		<li><a href="">contatos</a></li>

			<ul><li><a href="">formail</a></ul></li>
			<ul><li><a href="">endereço</a></ul></li>
		</ul>


	</div>





<br>

ALGUEM PODERIA ME AJUDAR???
Agradeço desde o momento a ajuda de todos


]Grande Abraço
Felipe.




a proposito amigos.. estou usando um JS pra auxiliar que esta funcionando.


é so na hora que o menu aparece mesmo =\
aguardo respostas

abraços a todos!!

Faltou chamar o .css dentro do HTML.

Dê uma olhada aqui: http://forum.wmonlin...mp;#entry913736

nao nao amigo...

eu chamei, ele esta 'funcionando' em partes o codigo css esta vinculado sim e tudo mais..

o problema é que o codigo em si certeza que consta algum erro, mas eu nao estou consguindo arrumar

o java esta certo e o html tambem.. o problema esta na hora que os sub menus explodem..
ai que esta =\


se souberem me ajudar por favor....

abraços!
Felipe.