میشه مشکل این کد رو بگید؟

مکان شما : صفحه اصلي / درخواست کد / میشه مشکل این کد رو بگید؟

سلام دوستان

کد یه منو برای قالب جدیدم نوشتم ولی به یه مشکل برخوردم

مشکل اینه ( کد رو ببینید بهتره ):

کد:

<div class="menu-cat">
<ul class="menu-cat-ul">
	<li><a href="/" title="/"> موضوعات </a></li>
	<li><a href="/" title="/"> موضوعات </a></li>
	<li><a href="/" title="/"> موضوعات </a></li>
	<li><a href="/" title="/"> موضوعات </a>
	
	<ul>
    	<li><a href="/" title="/"> زیر موضوعات </a></li>
    	<li><a href="/" title="/"> زیر موضوعات </a></li>
    	<li><a href="/" title="/"> زیر موضوعات </a></li>
	</ul>
	
	</li>
	<li><a href="/" title="/"> موضوعات </a></li>
	<li><a href="/" title="/"> موضوعات </a></li>
</ul>

</div>

این هم استایلش - اگه فهمیدید زود لطفا راهنمایی کنید:

کد:


.menu-cat{
	width:100%;
	height:50px;
	background:#256193;
	line-height:50px;
	z-index:3;
}
.menu-cat ul{
	margin-right:1%;
	height:50px;
}
.menu-cat ul li{
	display:inline-block; 
}
.menu-cat ul li a{
	padding:13px 20px;
	color:#fff; 
}
.menu-cat ul li a:hover {
	background: #2f79b7;
}
.menu-cat ul li ul li{
	display:none;
	clear:both
}
.menu-cat ul li:hover ul li{
	display:block;
	max-width:200px;
	min-width:150px;
	
}