title: display: inline-block not working correctly in Chrome?
body: <p>The jsfiddle for the code can be found here: <a href="http://jsfiddle.net/c4rz0hk1/" rel="nofollow">http://jsfiddle.net/c4rz0hk1/</a></p>
  
  <p>The nav-wrapper at the bottom should be centered below the dividing line div at the bottom of the page. The works correctly in Firefox, but in Chrome it placed to the r-hand side of that same line. This is strange as the wrapper is set to 1024px anyways...</p>
  
  <p>Here's a snippet of the css code: </p>
  
  <pre><code>footer {
    text-align: center;
    width: 1024px;
   }
  
    #nav-wrapper {
      display: -moz-inline-stack; 
      display: inline-block;
      text-align: center; 
      width: 900px;
      *display: inline; 
    }
  </code></pre>