title: border-radius.htc breaks in IE8 on specific page (works in simpler demo page)
body: <p>I use <a href="http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser" rel="nofollow">border-radius.htc</a> to show rounded corners on versions of Internet Explorer prior to 9, which didn't support the border-radius CSS property. I follow the syntax for using it given at the linked page, and elsewhere. It works fine on this simple demo page I made: <a href="http://thomasash.philosofiles.com/uploads/examples/css/effects/rounded-corners/rounded-corners-ie-htc1.html" rel="nofollow">http://thomasash.philosofiles.com/uploads/examples/css/effects/rounded-corners/rounded-corners-ie-htc1.html</a></p>
  
  <p>However, when I add it in just the same way to a more complex page - <a href="http://www.givingwhatwecan.org/" rel="nofollow">http://www.givingwhatwecan.org/</a> - then it works in IE6, but breaks in IE8. More specifically, it 'breaks' by not even showing the tan background-color of the div to which border-radius.htc is applied. This is despite the HTML and CSS of the rounded box section being similar to that in the test page linked above, as far as I can see. Can anyone help me figure out what's breaking it, and how to fix it?</p>