title: Hide a CSS element in IE
body: <p>I need to hide a background element in my css for IE.</p>
  
  <p>This is the class in the css file</p>
  
  <pre><code>.navbar-header .nav #presentacion {
      background:url("../img/horiz-line.png") no-repeat scroll 108px 20px transparent;
      display: block;
      height: 20px;
      margin-top: 20px;
  }
  </code></pre>
  
  <p>I want to use this method, inserting the CSS in the head section of the page hidding this part : </p>
  
  <pre><code>    &lt;!--[if IE]&gt;
            &lt;style&gt;
           .navbar-header .nav #presentacion {
           display: block;
           height: 20px;
           margin-top: 20px;
           background: none;}
      &lt;/style&gt;
     &lt;![endif]--&gt;
  </code></pre>
  
  <p>It's not working , the background is still displayed in IE, what i am doing wrong?</p>