title: Navigation hover items without moving
body: <p>I made this navigation:</p>
  
  <p><a href="http://jsfiddle.net/48jd6/" rel="nofollow">http://jsfiddle.net/48jd6/</a></p>
  
  <p>A menu item looks like this:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="index.html" title="home" class="navTx"&gt;home&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>When you hover over "home", "about", "works" or "contact", a green border appears. However, while hovering, all the other menu items move because the hovered text becomes bigger.</p>
  
  <p>I can't figure out at all how to stop them from moving. Is there a way to do this?</p>