Tabellproblem

Hej hopp!

Har en tabell som jag ska ha runda hörn i så jag dolar runt lite för att få det att funka men det vill sig inte riktigt med mitten upp och mitten ner (ni förstår när ni ser koden). Det blir ingen border om jag inte sätter in t.ex & nbsp; men då blir den övre stor. Den undre är alltid uppskattningsvis 2px för stor (hög). Någon som vet hur jag kan lösa det hela?

<div id="content" style="width: 680px; position: absolute; top: 95px; left: 50%; margin-left: -370px;">
<table cellspacing="0" cellpadding="0" border="0">
 <tr>
  <td style="width: 24px; height: 24px;">
<img src="contentborder_corner_lt.gif" alt=" " style="width: 24px; height: 24px;" /></td>
  <td style="width: 332px; height: 24px; background: #FFFFFF; border-top: 1px solid #000000; font-size: 1px;">
  </td>
  <td style="width: 24px; height: 24px;">
<img src="contentborder_corner_rt.gif" alt=" " style="width: 24px; height: 24px;" /></td>
 </tr>
 <tr>
  <td colspan="3" style="background: #FFFFFF; border-left: 1px solid #000; border-right: 1px solid #000; padding-left: 24px; padding-right: 24px;">
Hej hopp<br />
lasdjföas<br />
lkjlfaskjdföal<br />
sdfgsd
  </td>
 </tr>
 <tr>
  <td style="width: 24px; height: 24px;">
<img src="contentborder_corner_lb.gif" alt=" " style="width: 24px; height: 24px;" />
  </td>
  <td style="width: 332px; height: 24px; background: #FFFFFF; border-bottom: 1px solid #000000;">
  </td>
  <td style="width: 24px; height: 24px;">
<img src="contentborder_corner_rb.gif" alt=" " style="width: 24px; height: 24px;" />
  </td>
 </tr>
</table>
</div>