title: Change font size on hover move other divs
body: <p>I wanted to change fonts size on hover on  elements, the prolem I've encountered is that when i move on an  item the other divs of the list move down. This is my code:</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>a{
      /* position:absolute */
      font-size:16px;
  }
  
  a:hover {
      color:#0033CC;
      font-size:18px;
  }
  
  #menu_list{
      width:859px;
      cursor:pointer;
      }
  
  #menu_list li{
      width:130px;
      height:21px;
      display:inline-block;
      margin: 0px 0px 0px 0px;
      border:1px solid #616261; 
      -webkit-border-radius: 3px; 
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-family:sans-serif, arial, helvetica; 
      padding: 10px 10px 10px 10px; 
      text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
      font-weight:bold; 
      text-align: center; 
      }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;ul id="menu_list"&gt;
      &lt;li&gt;&lt;a&gt;look&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;look&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;look&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;look&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a&gt;look&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>and this is a <a href="http://jsfiddle.net/gracedescending/KLk4w/" rel="noreferrer">JSFiddle</a>. </p>
  
  <p>As you can see I wrote position:absolute for the  element, that works, meaning that the divs stay still, but i can't figure out how to center my text if I do so. I guessed the problem was that the  element didn't have top margin, so I tried that too but i guess for inline element it's impossible to set margins, or maybe I just don't now the right way.</p>