title: TinyMCE is changing my inline CSS
body: <p>I input this in the HTML editor: </p>
  
  <pre><code>&lt;p style="border:1px solid #edede4;border-top:none"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I click update, and click the html editor again. The HTML (in Firefox) has changed to: </p>
  
  <pre><code>&lt;p style="border-style: none solid solid; border-color: -moz-use-text-color rgb(237, 237, 228) rgb(237, 237, 228); border-width: medium 1px 1px;" mce_style="border:1px solid #edede4;border-top:none"&gt;&lt;br&gt;&lt;/p&gt;
  </code></pre>
  
  <p>If I do the same thing in Internet Explorer, the HTML changes to:</p>
  
  <pre><code>&lt;P style="BORDER-RIGHT: #edede4 1px solid; BORDER-TOP: medium none; BORDER-LEFT: #edede4 1px solid; BORDER-BOTTOM: #edede4 1px solid" mce_style="border:1px solid #edede4;border-top:none"&gt;&amp;nbsp;&lt;/P&gt;
  </code></pre>
  
  <p>Why in the world does it change? Maybe there are some TinyMCE settings i can change? But I already have cleanup: false. Ideas?</p>
  
  <p>If I enable cleanup, the change I'm mentioning doesn't happen. However, TinyMCE changes a lot of other stuff. I don't want it to mess with my code :( Any help would be appreciated.</p>