I have this code. Right now, the background-color of the <td> is red. How can I make it green, i.e. remove the <td>'s background color (red) so that the <tr>'s background-color (green) shows through? "background-color: none" doesn't work.

Sorry for my bad English.

Code:
<style type="text/css">

  tr { background-color: green; }
  td { background-color: red; }

</style>


<table>

<tr>
 <td style="background-color: none;">This background-color should be green.</td>
</tr>


</table>
I also tried "background-color: transparent", but then it's white. I want it to be green, i.e. the <tr>'s color.
"background-color: inherit" doesn't seem to work either.

Can anyone help?