Twój kod menu:
<ul>
<li><a href="#" class="active">HOME</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
żeby uzyskać opisany przez Ciebie efekt musisz dynamicznie przypisywać klasę "active" do aktualnie klikniętej zakładki w menu. Możesz wykorzystać do tego w javascript:
można ten efekt osiągnąć też za pomocą samego css-a tylko przez użycie <label> i "ukrytych" <input type="radio">
[ edit ]
drugi przykład dla rozpoczynających swoją przygodę z css-em, może być problematyczny w zaimplementowaniu. Przygotowałem mam nadzieję łatwy do zrozumienia przykład on-line.