Lav ét afrundet hjørne i en tabel vha. CSS2?

Hej eksperter

Jeg har nedenstående stump af et stylesheet:

/*Bruges til standard tabeller på alle sider*/
table.tblstd {
    margin-left : 5%;
    margin-right : 4%;
    width : 90%;
}

table.tblstd th {
    color: #1F4770;
    background-color : #99B3E7;
    border-bottom-color : #FFFFFF;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    font-weight : bold;
    padding : 3px;
    text-align : left;
    white-space : nowrap;
}
   
table.tblstd td {
    background-color : #CAD8FF;
    padding : 3px;
}

Et eksempel på brugen af det er følgende tabel:

<table class="tblstd" cellspacing="0">
    <tr>
        <th colspan="2">General Information</th>
        <!-- span -->
    </tr>
    <tr>
        <td width="10%" nowrap="nowrap">URL:</td>
        <td width="90%">http://www.TommyIpsen.dk</td>
    </tr>
    <tr>
        <td width="10%" nowrap="nowrap">Time zone:</td>
        <td width="90%">GMT +1:00</td>
    </tr>
    <tr>
        <td width="10%" nowrap="nowrap">Counting since:</td>
        <td width="90%">December 1st, 2001</td>
    </tr>
    <tr>
        <td width="10%" nowrap="nowrap">Current report:</td>
        <td width="90%">August 17th, 2002 - 23:08:05</td>
    </tr>
</table>

Det jeg gerne vil have yderligere er en måde at smide billedet "corner.gif" op, så det er placeret øverst til højre i tabellen - billedet vil så lave et afrundet hjørne dér!

Hvordan gør jeg det vha. CSS?

Jeg har været ude i noget i retning af:

background : url(../website/corner.gif) no-repeat right;

men problemerne er følgende:

Jeg har i forvejen en style for TH-celler - den må ikke "overskrives"!

Hjørnet skal kun optræde én gang i hver tabel og der kan være flere th-celler!

Det skal være en løsning som helst også fungerer i andre browsere!