طراحی منو

[vB.N3T]

سلام
دوستان من با تگ ul و li یه سری منو و زیر منو ساختم که به این شکل


<ul id="coolMenu">
<li><a href="#"> C#</a> </li>
<li><a href="# ">C++</a>
<ul>
Programing
</ul>
</li>
<li><a href="#">Java</a> </li>
<li><a href="#">PHP</a> </li>
</ul>

بعد یه css نوشتم که کدشو قرار میدم. حالا منو من افقی شده میخواستم ببینم کدوم کد باعث میشه منو به این شکل افقی میشه هر چی نگاه کردم نفهمیدم


@charset "utf-8";
/* CSS Document */

#coolMenu,
#coolMenu ul {
list-style: none; /* dayere ha mire */
}
#coolMenu {
float: left;
}
#coolMenu > li {
float: left;
}
#coolMenu li a {
display: block;
height: 2em;
line-height: 2em;
padding: 0 1.5em; /* fasele beyen horof*/
text-decoration: none; /* zir chin ro bar midare */
}
#coolMenu ul {
position: absolute;
display: none; /* zir menu hide mishe */
z-index: 999;
}
#coolMenu ul li a {
width: 80px;
}
#coolMenu li:hover ul {
display: block;
}

[farzamc]

سلام شما به li ها float دادین به خاطر همین منو هاتون کنار هم دیگه و به صورت افقی نشون داده میشه .

#coolMenu > li {
float: left;
}

[vB.N3T]

چرا این اینطوری هست

#coolMenu li:hover ul {
display: block;
background:#0CF;
}

hover برای چی هست

[farzamc]

hover برای زمانی هست که موس روی اون شیء بره