title: Why does my span element look so bad in IE9?
body: <p>I have a orange today span tag that looks fine in other browsers, even IE8! But in IE9 it looks terrible (expands the entire page and causes other elements to not be structured correctly).  I tried changing the element to a div, changed it to inline-block, added a width, and played around with the vertical align but I can't figure out what it doesnt like about it. If you take the today span tag out everything pops back into place.</p>
  
  <p><a href="http://auroriella.com/test/ui_candidate_test.html" rel="nofollow">http://auroriella.com/test/ui_candidate_test.html</a></p>
  
  <pre><code>.today {
      display: block;
      background-color: #fba435;
      color: #fff;
      font-size: 85%;
      text-align: center;
      padding: 2px 5px;
      border-left: 1px solid #dddddd; 
      border-right: 1px solid #fba435;    
  }
  </code></pre>
  
  <p>Any ideas?</p>