[Resolvido] Menu Drop-down horizontal

eu totentando fazer um menu drop-down na horizontal, o problema é que na hora de aparecer os submenus ele aparece so o ultimo

ta aqui a estrutura do html

<div id="categoria">
 <ul>
 <li class='categoriaTitulo'><a href='#' class='categoriaLink'>Celulares</a></li>
 <ul class='categoriaSub'>
 <li ><a href='produtos.php>Nokia</a></li>
 <li ><a href='produtos.php>Samsung</a></li>
 <li ><a href='produtos.php>Sony Ericsson</a></li>
 <li ><a href='produtos.php>LG</a></li>
 </ul>

 <li class='categoriaTitulo'><a href='#' class='categoriaLink'>Livros</a></li>
 <ul class='categoriaSub'>
 <li ><a href='produtos.php>Conn Iggulden</a></li>
 <li ><a href='produtos.php>Dan Brown</a></li>
 <li ><a href='produtos.php>Sherlock Holmes</a></li>
 </ul>
 </ul>
</div>

e aqui o css

#categoria {
	background:transparent url(../images/floralNav.jpg) repeat-x scroll 0 0;
	height:22px;
}

#categoria ul {

	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}

#categoria ul li {

	display:inline;
	padding: 3px 10px 0px 10px;
	margin: 0px -1px 0px 0px;
	border:1px solid;
}

#categoria ul:hover ul {

	background:#f00;
	display:block;
}

#categoria ul ul {

	display:none;
	position: absolute;
	left: 0px;
	top: 242px;
	width:100%;
}

#categoria ul ul li {

	background-color:#0066FF;
	display:inline;
}

o que acontece é que aparece sempre a ultima categoria no caso a dos livros

Conn Iggulden

Dan Brow

Sherlock Holmes

fwls