title: IE 9 ignoring CSS rules
body: <p>I have this weird issue with IE9 where it is ignoring certain CSS rules on its own. Even IE8 loads it correctly. So does IE 10 and all the nicer browsers like FF and Chrome. </p>
  
  <p>The css is being loaded with "text/css" MIME. </p>
  
  <p>For example,</p>
  
  <p>These rules are not being applied by IE9. I cannot find these rules in the developer toolbar CSS tab. </p>
  
  <pre><code>.B2B .info_cart { display: block; clear: both !important; }
  .B2B .info_cart .priceDetail { font: 14px/22px Arial,Helvetica,sans-serif; padding-left: 3px; }
  .B2B .info_cart .priceInfo { bottom: 2px; font-size: 10px; line-height: 24px; margin: 0 0 0 2px; overflow: hidden; padding: 0; position: absolute; word-wrap: break-word; }
  .B2B .info_cart .info_vat { font-size: 10px; float: right; margin-top: 7px; }
  </code></pre>
  
  <p>The relevant HTML: </p>
  
  <pre><code>&lt;div class="info_cart clearfix"&gt;
      &lt;span class="spanBasketInfo"&gt;&lt;/span&gt;
      &lt;span class="cartValue"&gt;&lt;/span&gt;
      &lt;span class="cartShippingDetails"&gt;&lt;/span&gt;
      &lt;span class="info_vat"&gt;
          &lt;span class="exc"&gt;exc. VAT&lt;/span&gt;
          &lt;a href="#"&gt;(change)&lt;/a&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What could be wrong? </p>
  
  <p><strong>UPDATE</strong>
  This is the Doctype I am using, if it helps.</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;
  &lt;html xml:lang="sv" xmlns="http://www.w3.org/1999/xhtml" class=" js no-touch borderradius boxshadow textshadow opacity cssgradients csstransitions"&gt;
  </code></pre>