סידור <li> עם css

[Eran-s]

תנסה

ul {margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid #ccc; display: inline;}
li {position:relative; float: left; width: 100px;}
li ul {position:absolute; left:149px; top:0; display:none;}

ul li a {display:block; text-decoration:none; color:#777;background:#fff; /* IE6 Bug */ padding:5px; border:1px solid #ccc; border-bottom:0;}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float:left; height:1%; }
* html ul li a { height:1%; }
/* End */

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

li>ul { top: auto;left: auto; }