title: css background color disappears with doctype
body: <p>I'm trying to set background colours on a few different elements in an html page, but whenever I apply a doctype declaration the colours get ignored. Other styles seem unaffected. I'm sure I'm being an idiot.</p>
  
  <p>It happens on IE7, FF3 and Chrome. With Strict and Transitional html 4 Doctype. Body and Div backgrounds are affected. A minimal example is below. If you delete the Doctype delcaration, it's rendered in all it's garish glory, with doctype - tedious black and white only.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;style&gt;
          body{background-color:FF00FF;}
          .class1{background-color:00FFFF;}
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="class1"&gt;Some Text&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>BTW - I'm not using XHTML because I think I once overheard a conversation in a pub between much cleverer people than myself who said that said you shouldn't declare XML unless the mime types are correctly set on your server. On my cheapo hosting account I can't do that sort of thing easily.</p>