title: Style display:none not working in IE8, IE9, IE10 Compatibility View
body: <p>I have two DIVs on my page. One of them is set to <strong>display:none</strong> based on some condition. It works well on IE10, Firefox and Chrome. But it does not work on IE8, IE9 and IE10 Compatibility View. As a result, it shows both of the DIVs. Can someone suggest what to do to fix this issue?</p>
  
  <pre><code>&lt;div id="dv1" style="background: url(http://abc.com/images/green.gif) no-repeat scroll 0px 0px transparent; height: 26px; width: 171px; display: none;"&gt;&lt;/div&gt;
  
  
  &lt;div id="dv2" style="background:url(http://abc.com/images/red.gif) no-repeat scroll 0 0 transparent;height:26px; width:142px; padding-left:18px;padding-right:11px;"/&gt;
  </code></pre>