title: IE8, FF3 <img> Align Center Issue
body: <p>I am encountering a strange bug in IE and Firefox where an image will not center align. As the page is loading the image centers but then mysteriously shifts to the left as the page loads!  I have the following set as CSS: </p>
  
  <pre><code>#image{
  display: block; 
  margin-left: auto;
  margin-right: auto;}
  </code></pre>
  
  <p>And the HTML markup: </p>
  
  <pre><code>&lt;img id="image" src="example.png" width="158" height="167" alt="Example"&gt;
  </code></pre>
  
  <p><strong>Note</strong> that in Chrome and Safari I am not experiencing this bug. </p>
  
  <p><strong>Update:</strong> The image does not have a parent, save for a container class that has <code>min-width: 850px</code> and <code>width: 100%</code> attributes. There is an image to the far right of this image but is absolutely positioned. There is a header element directly above the image, but whose <code>margin-bottom</code> is set to zero. </p>
  
  <p><strong>Update</strong>: There is a header which is causing the problem which has the following CSS: </p>
  
  <pre><code>#header {
  
                  padding: 5px;
                  height: 20px;
                  margin-top: 0px;
                  width: 100%;
                  background: #333333;
              }
  </code></pre>