title: TinyMCE won't center
body: <p>No matter what I try to do, I can't get my tinyMCE text editor to center properly.</p>
  
  <p>here's the markup:</p>
  
  <pre><code>&lt;div id="container"&gt;    
  &lt;form method="POST" id="tiny_mce"&gt;&lt;div class="title"&gt;YOUR POSTING&lt;/div&gt;&lt;br&gt;
      Title:&lt;br /&gt;
      &lt;input type="text" name="title"  /&gt;&lt;br /&gt;&lt;br /&gt;
      Your words:&lt;br /&gt;
      &lt;textarea name="words" class="tinymce" cols="30" rows="10"&gt;&lt;/textarea&gt;
      &lt;br /&gt;&lt;br /&gt;
      &lt;input type="submit" name="submit" value="SUBMIT"  /&gt;  
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>*{
  margin: 0;
  padding: 0; 
  
  }
  body,html{
      margin:0 auto;
  
  }
  #container{
  width:1200px;
  border:0px solid black;
  height:600px;
  margin:0 auto;
  }
  #tiny_mce{
  display:block !important;
  float:left;
  margin-left:auto;
  margin-right:auto;
  }
  #tiny_mce input{
  float:left;
  }
  </code></pre>