css вертикальное меню

[erange]

Здравствуйте!

проблема в том, что третий уровень открывается с верху, а не напротив кнопки, которая его открывает

CSS:

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em;
	display:inline-block;
	z-index:1;
}

#nav a:link, #nav a:active, #nav a:visited{
	outline:none;
	display:block;
	padding:0px 5px;
	border:1px solid #333;
	color:#fff;
	text-decoration:none;
	background-color:#333;
}

#nav a:hover{
	background-color:#fff;
	color:#333;
}

#nav li{
	float:none;
	position:relative;
	width:180px;
}

#nav ul{
	margin-left:10px;
	margin-top:-10px;
	position:absolute;
	width:12em;
	top:1.5em;
	display:none;
}

#nav li ul a{
	width:12em;
	float:left;
}

#nav ul ul{
	margin:0px;
	padding:0px;
}

#nav li ul ul{
	left:12em;
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}

HTML:

<ul id="nav">
		<li><a href="">1</a></li>
		<li><a href="">2</a></li>
		<li><a href="">3</a>
			<ul>
				<li><a href="">11</a></li>
				<li><a href="">21</a></li>
				<li><a href="">31</a></li>
				<li><a href="">41</a></li>
				<li><a href="">51</a>
					<ul>
						<li><a href="">12</a></li>
					</ul>
				</li>
				<li><a href="">61</a></li>
			</ul>
		</li>
		<li><a href="">4</a></li>
	</ul>

[Temiks]

1

Edited January 4, 2011 by Temiks

[erange]

пасиб, но не то (

разобрался

#nav li ul ul{
	float:none;
	position:absolute;
	width:180px;

пасиб за внимание

Edited January 4, 2011 by erange