title: Centering DIV with IE
body: <p>I am trying to center a DIV, with <code>"margin:auto"</code> . It works fine with Chrome and FF but the following code does not center the DIV with IE:</p>
  
  <p>CSS</p>
  
  <pre><code>#container {
   margin:auto;
   width:950px;
   height:50px;
   background:#000;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="container"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p>Thanks,</p>
  
  <p>Joel</p>
  
  <hr>
  
  <p>Edit (full HTML/CSS code):</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css"&gt;
  &lt;style&gt;
  
  #container {
   margin: 0 auto; 
   width:950px;
   height:50px;
   background:#000;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="container"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>