title: Centering a div horizontally with variable width not working in IE
body: <p>I practiced to center a div without a width and found a solution that works in every common browser. But when I put this solution into real page style, it wont work in IE.</p>
  
  <p>The practice solution, that works perfectly in IE, Chrome and Firefox, looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Centerbox&lt;/title&gt;
      &lt;link type="text/css" rel="stylesheet" href="centerbox.css" media="all" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="centerbox-outer"&gt;
          &lt;div class="centerbox-inner"&gt;
              &lt;p&gt;Sample content that is not fixed width&lt;/p&gt;
              &lt;p&gt;Some more content&lt;/p&gt;
              &lt;form&gt;
                  &lt;input type="text" name="sampleinput" /&gt;
                  &lt;input type="submit" name="go" /&gt;
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>centerbox.css</p>
  
  <pre><code>div.centerbox-outer{
      text-align: center;
      margin: 0 auto;
  }
  
  div.centerbox-inner{
      text-align: justify;
      background-color: gray;
      display: inline-block;
  }
  </code></pre>
  
  <p>The page where it is not working with IE is here: [link removed]</p>
  
  <p>Do someone have any idea, what I'm missing there?</p>