Срочно нужна помощь.В CSS. Подменю наезжает друг на друга

[Ly-Zer]

Люди помоготи разобраться с под меню. оно почему то наезжает на другой пункт меню. Не как не пойму почему.

Вот как должно выглядеть меню

http://s55.radikal.ru/i149/1001/f4/79c3f0f29f81.jpg

Вот как оно выглядит сейчас

http://s02.radikal.ru/i175/1001/be/4b45503a53cb.jpg

Вот код

<div id="left-menu">
					<div class="moduletable">
					<ul class="menu"><li class="parent item9">
<a href="/ru/building"><span>Строительство</span></a><ul><li class="item195"><a href="/index.php">
<span>технический подряд</span></a></li><li class="item211"><a><span>генеральный подряд</span>
</a></li><li class="item212"><a><span>технология опалубки</span></a></li><li class="item213"><a>
<span>монолит</span></a></li><li class="item214"><a><span>монтаж фасадов</span></a></li>
<li class="item215"><a><span>кровля</span></a></li><li class="item216"><a><span>альпинизм</span>
</a></li><li class="item217"><a><span>инженерия</span></a></li><li class="item218"><a>
<span>отделка помещений</span></a></li></ul></li><li class="item10"><a href="/ru/licenz">
<span>Лицензии</span></a></li><li class="item20"><a href="/ru/projects"><span>Проекты</span>
</a></li><li class="item11"><a href="/ru/2009-10-30-21-44-37"><span>Инвестпроекты</span></a>
</li><li class="item12"><a href="/ru/2009-10-30-21-48-44"><span>Партнеры</span></a></li>
<li class="item14"><a href="/ru/delivery"><span>Поставщикам</span></a></li><li class="item18">
<a href="/ru/articles"><span>Статьи</span></a></li></ul>		</div>

			</div>

А вот CSS

.clear { clear:both !important; }
.moduletable{
padding:0px 0px 0px 0px;
margin:0;
}
img{
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;
}
h3{
	font-family:verdana;
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	background:#054185;
}
.latestnews{
	font-family:verdana;
	font-size:8pt;
	color:#054185;
	text-decoration:none;
}
a.latestnews:visited{
	font-family:verdana;
	font-size:8pt;
	color:#054185;
	text-decoration:none;
}
ul.latestnews{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
li.latestnews{
	padding-bottom:10px;
}
#top-menu{background:#054185;}
.mainlevel{
	border-left:solid 1px #e4e6e8;
	vertical-align:middle;
	padding-top:14px;
	padding-bottom:14px;	
	padding-left:30px;	
	padding-right:30px;	
	font-family:verdana;
	font-size:10pt;
	color:#e4e6e8;
	font-weight:bold;
	float:left;
}
a.mainlevel:visited{
	color:#e4e6e8;
	font-weight:bold;
}
a.mainlevel:hover{
	text-decoration:none;
	color:#000000;
	background:#f8c300;
}
#active_menu{
	color:#000000;
	background:#f8c300;
}

#top-menu td{height:44px;vertical-align:middle;}


body { color: black; }
a { text-decoration:none; font:normal 13px Verdana, sans-serif; }
a:hover { text-decoration:underline; }

#wrapper { min-width:1000px; }

#left-area { width:225px; float:left; display:inline; }
	#left-area > div { }
	#logo { width:auto; height:106px;}
		#logo a{margin-left:0px;}


	#left-menu {  }
		#left-menu div { height:auto; width:100%; background: #054185; margin-top:0px; margin-bottom:20px; overflow:hidden; }
			#left-menu a { display:block; width:auto; height:30px; color:#ffffff; font-weight:bold;}		
			#left-menu li { display:block; width:auto; height:30px; padding:11px 0 0 30px; color:#ffffff;font-weight:bold; border-top:solid 1px #ffffff;}
			#left-menu li:hover { text-decoration:none;color:#000000;background:#f8c300; }
			#left-menu li:hover a{ text-decoration:none;color:#000000;}
			#left-menu li.active { background:#f8c300;}
			#left-menu li.active a{ color:#000000;}
			#currnet{ background:#f8c300; color:#000000; }

	#news-block { padding: 21px 0 0 18px; margin-top:-2px; background:url(/templates/grandstroy/images/news-grad.jpg) repeat-x 0 0; }
		.news-item { padding: 0 0 16px 0; }
			.news-item p.date { font:11px Verdana,sans-serif; color: #6e6a6a; }
			.news-item p.title-news { margin:4px 0;} 
				.news-item p.title-news a { font:bold 11px Verdana,sans-serif; color: #054185; }
			.news-item p.news-announce { font:11px Verdana,sans-serif; color:black; text-align:justify; }

	.presentation { background:url(/templates/grandstroy/images/present-dl.jpg) no-repeat 0 0; margin-left:18px; height:272px; }
		.presentation img { height:100%; width:100%; } 

#right-area { margin:0 0 0 225px; }
	#center-top { background: #e4e6e8; height:45px; }
		#addit-menu { float:right; width:225px; height: 20px; }
			.icons-menu { float:right; padding: 5px 16px 0 0; }
				.icons-menu div { float:left; text-align:right; }
			#choice-lang { position:relative; width:56px; height:20px; cursor:pointer; }
				#lang-menu { position:absolute; top:19px; left:0; width:56px; height:39px; background:url(/templates/grandstroy/images/lang.gif) no-repeat 0 0; display:none; }
				#lang-sel-ru,#lang-sel-eng { height:19px; }

	#top-menu { height:44px; overflow:hidden; }
		#top-menu div { padding-right:2px; } 
		#top-menu p { width:20%; float:left; height:44px; background:#054185; text-align:center; overflow:hidden; }
		#top-menu p.act { background:#f8c300; }
		#top-menu p.act a { color:black; }
			#top-menu p a { border-left:1px solid white; color:white; display:block; height:100%; width:100%; padding:14px 0 0 0;}
			#top-menu p a:hover { background:#f8c300; color:black; } 

	#content-area { width:auto; padding: 17px 16px 0 16px; }
		#banner-area { width:auto; height:297px; background:url(/templates/grandstroy/images/plashka.jpg) repeat-x 0 0; overflow:hidden; }
		#banner { width:766px; height:297px; overflow:hidden; }

		#inner-content-area { width:auto; padding:20px 0 0 0; font: 12px Tahoma,sans-serif; }
			#right-inner { display:inline; width:235px; float:right; min-height:100px}
				#kran { background:url(/templates/grandstroy/images/kran.jpg) no-repeat 0 0; height:354px; width:235px; margin:0 0 20px 0; }
				.article-item { margin: 0 0 15px 0; } 				
					.article-item p.title-article { margin:4px 0;} 
					.article-item p.title-article a { font:bold 11px Verdana,sans-serif; color: #054185; }
					.article-item p.article-announce { font:11px Verdana,sans-serif; color:black; text-align:justify; }
				.import-quotes table{width:230px;}
			#inner-content { width:auto; min-height:100px; margin:0 235px 0 0; padding:0 16px 0 0; text-align:justify; }
				#inner-content p { margin:0 0 10px 0; } 
				#inner-content p.indent { padding: 0 0 0 30px; }
				#inner-content .last-projects { }
					#last-projects div.item { border:1px solid #e0e7ed; background:#e8f0f5; padding:6px; margin:15px 0;}
						#last-projects div.item td { vertical-align:top; }
						#last-projects div.item a img { margin:0 10px 0 0; }
						#last-projects div.item a { color:#054185; font-size:13px;}
						#last-projects div.item span { font-size:12px; }

#footer { height:100px; background:#054185; margin: 50px 0 0 0; overflow:hidden; color:white; font:12px Verdana,sans-serif; }
	#copyrights { width:225px; padding:20px 0 0 18px; height:100px; float:left; }
	#bottom-menu { margin:0 255px 0 225px; height:100px; text-align:center; padding-top:20px; }
		#bottom-menu a { color: white; }
		#fax { width:220px; margin: 15px auto; text-align:left;}
	#studio-logo { text-align:center; width:255px; height:100px; float:right; background:url(/templates/grandstroy/images/logo-studio.jpg) no-repeat center 0; padding:77px 0 0 0}
		#studio-logo a { color:white; } 		 

.top-indent { height:15px; background: #e4e6e8; }
.subtitle { background:#054185; color:white; font:13px Verdana,sans-serif; padding-left: 18px; margin:0 0 18px 0; }

#news-block{
padding:0px 0px 0px 0px;
}
.contentpagetitle{color:#ec7a21;font-weight:bold;font-size:10pt;}
.readon{color:#ec7a21;}
.componentheading{color:#054185;font-weight:bold;font-size:12pt;}
.contentheading{color:#ec7a21;font-weight:bold;font-size:10pt;}
#page li{
	list-style:square outside;margin-left:20px;
}

img a{margin:0;padding:0;}
.banneritem img{margin:0;padding:0;}
.thumbnail img{margin:0;padding:0;}
.formBody a{text-decoration:none; font:normal 13px Verdana, sans-serif;margin-left:10px;color:#054185;}
.formBody a:hover {text-decoration:underline; }
.formFieldset legend{color:#054185;margin-bottom:15px;}
.formFieldset input,select,textarea{margin-left:10px;}
.formBody{margin-bottom:10px;}
em strong{color:#EC7A21;}
.latestnews em strong{color:#054185;}
.latestnews p strong{color:#054185;}
.latestnews p{color:#000000;}

.xmap li a{text-decoration:none; font:normal 13px Verdana, sans-serif;margin-left:10px;color:#000000;}
.xmap li a:hover{text-decoration:underline; }

#last-projects li.latestnews{background:#e8f0f5;padding-left:10px;padding-right:10px;padding-top:10px;}
.ltl{
	margin:0;
	padding:0;
	font-size:8pt;
	}

a.ltl{margin:0;padding:0;}
td.ltl{height:10px;vertical-align:middle;}
td.ltl img{
	margin:0;
	padding:0p;
	}

Помогите пжалуста, при возможности чтоб не возникало вопроса как ? Буду признателен

Edited January 4, 2010 by Ly-Zer

[Игорь Ермаков]

А теперь посмотри, что ты сделал с страницей форума. Это уже диагноз.

Ну а теперь по сабжу: http://htmlbook.ru/css/z-index.html

[Ly-Zer]

Игорь

Спасибо щас попробую.

офф топп

Упс, все подправил. Но это не только моя вина

Edited January 4, 2010 by Ly-Zer