title: How do i make my page compatible with IE?
body: <p>Am building a website using Django, my templates make use of CSS and am testing it locally using firefox, but when i was just about to "show it of" to my buddies i run it against IE and the darn web site is all broken! the headers are all messed up nothing seems to hold together, the spaces are all messed up! its bad.</p>
  
  <p>Is there something am missing! like some header declaration? DOCTYPE or something?</p>
  
  <p>NB: I grabbed the css am using from some site in the internet, and when i run that site on IE it all looks good!</p>
  
  <p>Help</p>
  
  <p>This is the offending css, the <strong>h1</strong> section that is using this css is the one that is breaking, any clues?</p>
  
  <pre><code>div#header
  {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: left;
    width: 780px;
    height: 102px;
    background: url(/site_media/header_background.gif) no-repeat top left;
  }
  
  
  div#header h1
  {
    padding: 30px;
    font-family: Verdana, sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #c8c8c8;
    letter-spacing: -1px;
  }
  
  div#header h1 strong
  {
    color: #999;
    width: 810px;
  }
  </code></pre>