Navigation articles de vol stationnaire sans bouger

Question

J'ai fait cette navigation:

http://jsfiddle.net/48jd6/

Un élément de menu ressemble à ceci:

<li><a href="index.html" title="home" class="navTx">home</a></li> 

Lorsque vous passez la souris sur "la maison", "environ", « oeuvres "ou" contact ", une bordure verte apparaît. Cependant, pendant le vol stationnaire, tous les autres éléments de menu bougent parce que le texte survolé devient plus grand.

Je n'arrive pas à comprendre comment les empêcher de bouger. Y a-t-il un moyen de faire cela?

Answer 1

Vous pouvez ci-dessous le code:

Working Demo

.navTx { 
height: 18px; 
margin-top: -130px; 
display: inline-block; 
border:solid 2px transparent; 
padding: 12px 20px; 
}