{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 啃猪蹄的小仙女 的问题《IE 9 ignoring CSS rules》','https://www.manongdao.com/q-630974.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
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.
The css is being loaded with "text/css" MIME.
For example,
These rules are not being applied by IE9. I cannot find these rules in the developer toolbar CSS tab.
.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; }
The relevant HTML:
<div class="info_cart clearfix">
<span class="spanBasketInfo"></span>
<span class="cartValue"></span>
<span class="cartShippingDetails"></span>
<span class="info_vat">
<span class="exc">exc. VAT</span>
<a href="#">(change)</a>
</span>
</div>
What could be wrong?
UPDATE This is the Doctype I am using, if it helps.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="sv" xmlns="http://www.w3.org/1999/xhtml" class=" js no-touch borderradius boxshadow textshadow opacity cssgradients csstransitions">
Have you tried removing the .B2B from your CSS? That seems to be the problem by looking at your example..
So instead of this
Try this