Menu horizontal : alignement de police

**cleo57** · 19/03/2014, 18h03

Bonjour,

Je retourné le problème dans tous les sens mais je ne trouve pas la solution:
J'ai crée un menu horizontal avec un effet de roll-over sur mes liens, le problème c'est lorsque je suis dans la page du lien, le texte du menu de la page active se décale vers le haut. Je n'arrive pas à comprendre comment faire..

mon code:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<nav>
   <ul id="nav">
    <li class="actif">PRINCIPE</li>
    <li><a href="#">FAITES LE VOUS MÊME...!</a></li>
    <li><a href="#">GALERIE</a></li>
    <li><a href="#">LIVRE D'OR</a></li>
	</ul>
</nav>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#nav {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: visible ;	 
}
#nav li {
	float: left ;
	width: 252px ;
	height: 30px;				
}
.actif, #nav li a {
	display: block ;
	background: #2f2828 ;
	color: #ada9a9 ;
	font-family: Libre Baskerville ;
	padding: 5px 0 ;
	text-align: center ;
	text-decoration: none ;
}
#nav li a:hover {
	background: #ada9a9 ;
	color: #2f2828;
	text-decoration: none ;
}