Thead opmaken lukt niet

Hallo allemaal.

Ik moet voor een klant een website slicen. Ik ben nu alleen al een aantal uren bezig om een thead in een tabel correct op te maken. Maar het wil maar niet lukken.

Probleem

Het probleem is dat ik voor de rij in de thead gebruik wil maken van ronde hoeken voor elke kolom. Een link naar een voorbeeld hoe ik het wil is onderaan te vinden. Ik heb al diverse dingen geprobeerd, zoals de border-collapse op collapse te zetten, maar helaas wil niks werken. Sommige delen worden herhaald, terwijl alle breedtes van de images wel kloppen(dat weet ik 100% zeker).

De Code

Ik maak gebruik van de volgende code:

CSS

table.cbnormal_table {
	width: 100%;
	color: #FFF;
	height: auto;
	padding: 0;
	border-collapse: collapse;
	margin: 0;
}
table.cbnormal_table .id {
	color: #7a726c;
	width: 34px;
	text-align: center;
}
table.cbnormal_table .title {
	width: 170px;
}
table.cbnormal_table .watch {
	width: 39px;
	text-align: center;
}
table.cbnormal_table thead .id {
	height: 20px;
	background-image: url('../images/tid.png');
	color: #FFF;
}
table.cbnormal_table thead .title {
	padding: 0;
	height: 20px;
	background-image: url('../images/ttitle.png');
	color: #FFF;
}
table.cbnormal_table thead .watch {
	height: 20px;
	background-image: url('../images/twatch.png');
	color: #FFF;
	text-align: left;
}

HTML

<table class="cbnormal_table">
	<thead>
		<tr>
			<td class="id">#</td>
			<td class="title">Titel en artiest</td>
			<td class="watch">Kijk</td>
		</tr>
	</thead>

	
	<tr>
		<td class="id">1.</td>
		<td class="title">
			<a href="#">Big2 (The Opposites)</a><br />
			<strong>KRYPTONE</strong>
		</td>
		<td class="watch"><img src="/images/watchicon.png" alt="Kijk" /></td>
	</tr>
</table>

Voorbeelden


Zo moet het: http://img594.imageshack.us/i/zomoethet.png/
Zo is het: http://img594.imageshack.us/i/zoishet.png/

Danku

Alvast bedankt voor de moeite van het lezen!!