Best Answer Yeoman, 19 April 2014 - 17:00
Na początek poleciłbym zbudować to menu na listach.
<ul class="navigation">
<li id="przycisk">
<a href="">Home</a>
</li>
<li id="przycisk2">
<a href="">STYLE</a>
</li>
<li id="przycisk">
<a href="">Kontakt</a>
</li>
</ul>
Jeśli chodzi o menu rozwijane to musisz dodać do itemu, kolejną, zagnieżdżoną listę menu. Przykład:
<ul class="navigation">
<li id="przycisk">
<a href="">Home</a>
<ul class="subnav">
<li class="sublink">
<a href="#">sublink</a>
</li>
</ul>
</li>
<li id="przycisk2">
<a href="">STYLE</a>
</li>
<li id="przycisk">
<a href="">Kontakt</a>
</li>
</ul>
Domyślnie w CSS dajesz aby .subnav był ukryty czyli:
.subnav { display: none; }
A po najechaniu na rodzica dajesz w tym przypadku:
#przycisk:hover > .subnav { display: block; }
Oczywiście będziesz musiał ostylować takowe menu przykładowo na wyświetlanie absolutne względem rodzica.
Menu dla tego przykładu: http://jsfiddle.net/DV7Pk/1/
Pozdrawiam 
