title: Center element in Safari Browser
body: <p>I have a simple page:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Choose your Location - ChubbyParade.com&lt;/title&gt;
  &lt;style type="text/css"&gt;
  #sv_btn_container{
      display:block;
      text-align:center;
      margin:0px auto;
  }
  #sbm_btn{
      margin-left:auto;
      margin-right:auto;
  }
  #location_selector{text-align:center;}
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="location_selector" style="width:300px;padding:1em;margin:0;border:1px solid #999999"&gt;
  &lt;form&gt;
      &lt;div&gt;Please choose your location&lt;/div&gt;
  
      &lt;div id="selectors"&gt;
          &lt;div&gt;
              &lt;select name="country" style="padding:0.5em"&gt;
                  &lt;option&gt;Country&lt;/option&gt;
                  &lt;!--etc.--&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div style="clear:both"&gt;&lt;/div&gt;
  
      &lt;div id="sv_btn_container" style="margin-top:0.5em" align="center"&gt;
          &lt;input type="submit" id="sbm_btn" value=" SAVE " class="button" style="display:none" /&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>I show the submit button dynamically with javascript by setting it's display style to 'block' (not shown in the above script).</p>
  
  <p>I want the submit button to be centered.</p>
  
  <p>But no matter what combination of auto-margins and text-align I've tried, the button will show on the left of its container.</p>