title: IE has different height/width for div than Firefox
body: <p>I'm having trouble with <code>div</code> height and width in IE.</p>
  
  <p>On my web page, <a href="http://www.ricominciodame.it/eventi.php" rel="nofollow">http://www.ricominciodame.it/eventi.php</a>, there are some <code>div</code>s with a blackboard style.<br>
  In Firefox, they all work fine, but in IE (both 7 and 8) the width is lower and the background is cut.</p>
  
  <p>The following is my CSS:</p>
  
  <pre><code>div.evento {
      background : white url("images/sfondo_evento.png") top no-repeat;
      width : 260px;
      height : 207px;
      margin:5px;
      margin-left:0px;
      margin-bottom : 20px;
      padding-left : 20px;
      padding-right : 20px;
      padding-top : 20px;
      padding-bottom : 20px;
      color : white;
  }
  </code></pre>
  
  <p>How can I fix this problem?</p>