title: IE8 issue in displaying CSS stylesheet
body: <p>H, I am new to browser compatibility issue debugging.</p>
  
  <p>I have following html segment:</p>
  
  <pre><code>&lt;div class="settings_content"&gt;
   ...
   ...
  
   &lt;div class="field"&gt;
      &lt;input name="name" maxlength="256" type="text" size="32" value="" class="noBdr" disabled=""&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>and I have a corresponding CSS for the input field:</p>
  
  <pre><code> .settings_content input
   {
      color: #505050;
   }
  </code></pre>
  
  <p>in browser Chrome, IE10, IE9, the text indicated by that "input" tag will all be rendered correctly as black. However, if I test it in IE8, the text will still be shown, but the color will turn into grey. </p>
  
  <p>I don't think this is a CSS issue but more of a cross-browser issue. Could experts give me some hints on where to debug? Thanks!</p>