title: Browser Not Rendering CSS ID Style (Override Shows Correct in Firebug)
body: <p>I have a link where I have set the ID to have a color FB0026. The link sits within a div class with CSS to set it another color (grey).</p>
  
  <p>The ID should have a greater weight anyway, but even if I set FB0026 as !important the end result is the color set in the div (grey), and not the specified style from the ID.</p>
  
  <pre><code>.tune-in a {color: #dfdfdf;}            
  a#nowplaying:link {color:#FB0026;}          
  </code></pre>
  
  <p>It works in the simplified <a href="http://jsfiddle.net/pZFTx/" rel="nofollow">jsfiddle</a></p>
  
  <p>Trouble shooting in firebug isn't helping me as the div css is shown as being correctly overridden, with the  style in the clear. However if I un-check the struck out CSS it renders correctly.</p>
  
  <p>The full css can be found <a href="http://www.budgiecollective.com" rel="nofollow">here</a> behind the #NOWPLAYING link in the top black bar.</p>
  
  <p>Many thanks.</p>