title: Why my css selector gets converted to upper case in IE
body: <p>I have css file as follow </p>
  
  <pre><code>/*mycss.css*/
  body {
  margin: 0px; padding: 0px; 
  }
  a:link {
  color: rgb(255, 255, 255); font-weight: normal; text-decoration: underline;
  }
  a:visited {
  color: rgb(255, 255, 255); font-weight: normal; text-decoration: underline;
  }
  a:active {
  color: rgb(255, 255, 255); text-decoration: none;
  }
  a:hover {
  color: rgb(255, 255, 255); text-decoration: none;
  }
  </code></pre>
  
  <p>i have correctly linked this in my php file and works fine in <code>firefox,chrome</code> but when i open it in <code>Internet explorer</code> my css looks like following all my css selectors are converted to upper case</p>
  
  <pre><code> /*mycss.css*/
  BODY{
  margin: 0px; padding: 0px; 
  }
  A:link {
  color: rgb(255, 255, 255); font-weight: normal; text-decoration: underline;
  }
  A:visited {
  color: rgb(255, 255, 255); font-weight: normal; text-decoration: underline;
  }
  A:active {
  color: rgb(255, 255, 255); text-decoration: none;
  }
  A:hover {
  color: rgb(255, 255, 255); text-decoration: none;
  }
  </code></pre>