"Curvy corners" makes cells of table black

What steps will reproduce the problem?

Apply the curvy corners to a table.

th {    font-weight: bold;
    background-color: grey;
    padding:15px;
    text-align: center;
    border: 0.5px solid #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior:url(http://.../border-radius.htc);

What is the expected output? What do you see instead?

The corners are round but the whole cells of the table became black (see 
attached picture). That couldn't be fixed by changing bg-color and font-color.

What version of the product are you using? On what operating system?
Version 2.1. Windows 7, IE9. 

Please provide any additional information below.

I set up the site only with HTML and CSS codes, which worked quite well...until 
now. I applied the CSS code "border-radius" to the cells of the table, which 
worked when I opened the site in IE9. But then I wanted to insert the site into 
SharePoint via a PageViewer-web part (which should show the site exactly like 
in IE). There the border-radius didn't work any more...so I tried the 
curvy-corners.htc.
The corners became round (yippie) BUT the cells of the table were black now. 
Any effort to undo these changes were effortless.

Original issue reported on code.google.com by hammersc...@gmail.com on 5 Aug 2014 at 2:53

Attachments:

Capture.PNG

donum / curvycorners

"Curvy corners" makes cells of table black #121