Je souhaiterais savoir s'il existe un moyen purement CSS sur le menu actif.
La solution pour un menu simple sans sous-menu peut se faire en Php mais c'est assez lourd à maintenir je trouve pour des menus importants.

Pour mieux faire comprendre, voici un code très simple.
Code CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
html, body 	{ margin:0; padding:0; height:100%; font-size:100%; font-weight:normal; }
ul#vermenu 			  { width:100px; margin:0; padding:0; list-style:none; border:none;  }
ul#vermenu li:hover>* { display:block; }
ul#vermenu li:hover   { position:relative; }
ul#vermenu li         { display:block; white-space:nowrap; margin:1px; margin-top:5px; }
ul#vermenu a          { display:block; vertical-align:middle; text-align:left; text-decoration:none; color:#fff; 
 		         margin:0; padding:5px; background-color:#69F; }				
ul#vermenu li:hover>a { background-color:#00C; color:#fff; text-decoration:underline; }
 
ul#vermenu li.active a  { background-color:#F60; }
ul#vermenu li.active:hover a  { text-decoration: none; }
Et le code html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<ul id="vermenu">
    <li><a href="#" title="">menu1</a></li>
    <li class="active"><a href="#" title="">menu2</a></li>
    <li><a href="#" title="">menu3</a></li>
    <li><a href="#" title="">menu4</a></li>
</ul>

Il s'agit donc simplement d'indiquer par une couleur ou autre, quelle est la page active.

Le résultat dans: http://codepen.io/anon/pen/amvCH
Evidement dans l'exemple la page active est toujours la même.
Si quelqu'un a une idée, merci d'avance.