راه نمایی در ایجاد منو عمودی

[m!lad 38]

سلام

اشکال منوی زیر تو اینه که وقتی زیر منو های را باز میکنیم در زیر همون قسمتی که هستیم باز میشه ولی من میخوام تمام زیر منو ها از اول سطر بعد باز بشن مثل سایت برترینها

کدهای HTML

<div class="menu">
<ul>
<li> <a href="#"> صفحه نخست </a>
<ul>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
</ul>

</li>
<li> <a href="#"> صفحه نخست </a> <ul>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
</ul></li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
<li> <a href="#"> صفحه نخست </a> </li>
</ul>
</div>

کد های css

.menu { list-style:none ; float:right ; margin-right:-43px }
.menu ul { list-style:none ; margin: -4px 7px }
.menu li { float:right ; border-left:1px solid #aaa ; position:relative ;margin: 0 -5px; }
.menu li a { text-decoration:none ; float:right ; padding:0 15px ; line-height:38px ; color:#000000 }
.menu li:hover { background:#5F5F5F }
.menu li:hover a { color:#FFFFFF }
.menu li ul { list-style: none;
width: 1000px;
position: absolute;
top: 38px;
right: -32px;
display: none; }
.menu li:hover ul { display:block ; }
.menu li ul li { float:none ; border-left:none ; }
.menu li ul li a { float:right ; display:block ; color:#000000 !important ;margin: 0 -9px; }

[m!lad 38]

دوستان کسی نیست راهنمایی کنه؟

ویرایش شده آذر 93 توسط m!lad