title: HTML/CSS when hover link with style italic other links stay stable
body: <p>I have a little problem when i hover menu link other links shift to sideways, but i need that my other links would stay stable. How can i fix that? </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="top"&gt;
      &lt;a href="index.php?id=pagrindinis"&gt;&lt;div id="logo"&gt;&lt;/div&gt;&lt;/a&gt;
      &lt;div id="menu"&gt;
          &lt;ul id="nav"&gt;
              &lt;li&gt;&lt;a href="index.php"&gt;Pagrindinis&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Taisyklės&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Pamokos&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Kontaktai&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#menu #nav {
      font-family: Segoe UI, Arial, sans-serif;
      font-size: 14px;
      color: #FFFFFF;
      list-style:none;
  }
  
  #menu #nav li {
      display: inline-block;
      padding: 0px 10px 0px 10px;
  }
  
  #menu #nav li a {
      font-family: Segoe UI, Arial, sans-serif;
      font-size: 14px;
      color: #FFFFFF;
      text-decoration: none;
  }
  
  #menu #nav li a:hover {
      color: #0a813c;
      font-style: italic;
  }
  </code></pre>
  
  <p>JSFIDDLE: <a href="http://jsfiddle.net/nJgyn/1/" rel="nofollow">http://jsfiddle.net/nJgyn/1/</a></p>
  
  <p>Thanks for help</p>