Možda nešto kao:
HTML kôd:
<ul id="menu">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a>
<ul>
<li><a href="#">Item 2 1</a>
<ul>
<li><a href="#">Item 2 1 1</a></li>
<li><a href="#">Item 2 1 2</a></li>
</ul>
</li>
<li><a href="#">Item 2 2</a></li>
</ul>
</li>
<li><a href="#">Item 3</a></li>
</ul>
css:
Kôd:
#menu {
background-color: #000;
margin: 0 auto;
padding: 0;
width: 900px;
}
#menu li {
display: inline-block;
position: relative;
list-style: none;
margin: 0 10px;
padding: 0;
}
#menu a {
display: block;
color: #fff;
text-decoration: none;
padding: 5px;
}
#menu a:hover {
background: #333;
}
#menu li:hover > a {
background-color: #666;
color: #444;
}
#menu li:hover > ul {
display: block;
}
#menu ul {
display: none;
position: absolute;
margin: 0;
padding: 0;
width: 150px;
left: 0px;
background-color: #999;
}
#menu ul li {
display: block;
margin: 0;
padding: 0;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul ul {
background-color: #ccc;
left: 150px;
top: 0px;
}
Ili potraži na google-u ima dosta promera.