title: IE11 Ignoring Inline CSS
body: <p>Site being developed here: <a href="http://new.brushman.com/about/" rel="nofollow">http://new.brushman.com/about/</a></p>
  
  <p>The CMS allows adding of in-line CSS on a page by page basis.  This CSS is added to the page after all other .css files are loaded. </p>
  
  <p>IE11 is ignoring the style, even-though it works in 8, 9, 10, Edge, and all the rest (Chrome, Firefox, Safari, etc)</p>
  
  <p>The inline CSS is:</p>
  
  <pre><code>&lt;style&gt;
  /* CMS Page about CSS */
  main {background: #d70055;}
  &lt;/style&gt;
  </code></pre>
  
  <p>and is in the  <em>after</em> all the css files are loaded</p>
  
  <p>The interesting thing is that inspect element shows the background with a checkmark, and it's at the top of the list indicating it has the highest priority.</p>
  
  <p>There are no opaque elements covering the element.</p>
  
  <p>Some things I've tried:
  !important
  removing the comments
  adding additional new lines
  using rgba</p>
  
  <p>Completely and thoroughly stumped.</p>