title: Cannot horizontally center fixed width div in IE
body: <p>I am creating a template for a website.</p>
  
  <p>The example is at <a href="http://test.webspirited.com/framework/login" rel="nofollow">Framework Login Page</a><br>
  The main CSS sheet is at: <a href="http://test.webspirited.com/framework/application/assets/css/master.css" rel="nofollow">master.css</a></p>
  
  <p>I am trying to center the main parent div.</p>
  
  <p>I am using</p>
  
  <pre><code>#body {
    width: 100%;
    background: url('pathtoimage.png');
  }
  
  #inner_body{
    width: 800px;
    margin: auto;
  }
  
  &lt;body&gt;
    &lt;div id="body"&gt;
      &lt;div id="inner_body"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>What could the issue be?</p>