title: Problem setting div height in Internet Explorer 7
body: <p>I have a div with a pretty curve background image so it does rounded corners on all browsers. </p>
  
  <p>The problem is that in Internet explorer, the background image is followed by a background-coloured line. If I set the div's height, Firefox and Chrome will both shrink the height of the div, however IE will not adjust anything.</p>
  
  <p>Here's my CSS. Note that the rest of the CSS is applied in IE (and FF/Chrome) fine.</p>
  
  <pre><code>#MSBottomSlot .topCurve {
      background:url("images/topCurve.jpg"); 
      background-repeat:no-repeat;
      height:10px; /* Changing this value does nothing in IE */
      width:100%;
  }
  </code></pre>
  
  <p><strong>Is there some IE 'gotcha' regarding height that I'm missing?</strong></p>
  
  <p>Here are some additional details:</p>
  
  <ul>
  <li>The line does not appear in FF or Chrome.</li>
  <li>There's little javascript on the page, nothing that would impact how this renders.</li>
  <li>Other changes to the css get applied to the div.</li>
  </ul>