title: Content Not Centering Correctly
body: <p>So there's this image in my code and with following code it is centered correctly horizontally,</p>
  
  <pre><code>img#headerImage{
              width: 600px;
              margin-left:auto !important;
              margin-right:auto !important;
          }
  </code></pre>
  
  <p>but when I add <code>margin-left:-300px;</code> the image is resized appropriately but it is slightly offset to the left and no longer exactly centered.</p>
  
  <p>Any ideas?</p>
  
  <p>Also, here's some of the HTML:</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td class="headerContent" id="logoContainer"&gt;
      &lt;img src="url" style="max-width:600px;"
           id="headerImage" mc:label="header_image" mc:edit="header_image"
           mc:allowdesigner="" mc:allowtext="" /&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>