Jak zrobić w tabeli cieniutką linię ?

[mamisynek]

Mam taki kod:

<div align="justify">

<table style="border-left: 1px solid #003300; border-right: 1px solid #003300; border-bottom: 1px solid #003300; border-top: 1px solid #003300" cellSpacing="0" cellPadding="2" width="180" border="0">

<tbody>

<tr>

<td width="59" height="10">a</td>

<td width="59" height="10">b</td>

<td width="60" height="10">c</td>

</tr>

<tr>

<td width="59" height="10">d</td>

<td width="59" height="10">e</td>

<td width="60" height="10">f</td>

</tr>

</table>

</div>

Co zrobić aby pomiędzy kolumnami i wierszami była taka cieńka linia, jak tabela jest obramowana ? W tej chwili chcąc ją zrobić między kolumnami a wierszami powoduję tylko jej pogrubienie, zamiast pożądanego efektu cieńkiej lini. Proszę o pomoc

[kava]

<style type="text/css">
.ramka {
background: #030;}
.ramka td {
background: #fff;
width: 60px;
height: 10px;
}
</style>


<table cellspacing="1" class="ramka">

<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
</table>

[mamisynek]

Dzięki Kava

[Wojciech]

border-collapse

<style type="text/css">
table, td {
border: 1px solid black;
border-collapse: collapse;
}
</style>


<table>
<tr>
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>
<tr>
	<td>d</td>
	<td>e</td>
	<td>f</td>
</tr>
</table>