title: margin-top on firefox and chrome
body: <p>I have a side navigation bar on my website. The sidebar slides with you and changes margin-top.
  On google chrome, it follows you, while in firefox, it makes all the boxes follow you which doesn't let you scroll down the page.
  <a href="http://jsfiddle.net/rDV3T/" rel="nofollow">http://jsfiddle.net/rDV3T/</a> This is an example.</p>
  
  <pre><code>&lt;span class="hi"&gt;HI&lt;/span&gt;
  &lt;span class="hello"&gt;Hello&lt;/span&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.hi {
      margin-top: 10px;
      background-color: red;
      display: inline-table;
  }
  .hello {
      display: inline-table;
  }
  </code></pre>
  
  <p>If you test on firefox, all the boxes goes down 10 px, while in chrome only the assigned box (hi) goes down.
  How could I fix this?
  Thank you and sorry for my bad english and explanation.</p>