radhöjd?

Hej, jag har förjande kod. Problemet är att i IE6 så blir raden i vänster cell högre än den i det högra. Förstår inte varför, nån som kommer på nån lösning, och ser det ut såhär för alla?

<style type="text/css">
.pil1 A {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}

.pil1 {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}

.pil1 a:hover {
FONT-WEIGHT: normal; 
COLOR: #CCCCCC; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}

.pil2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #CCCCCC; 
LINE-HEIGHT: 10px; 
FONT-FAMILY: georgia, times, times new roman, serif; 
FONT-STYLE: normal;
}
</style>
  <table width="480" border="0" cellpadding="5" cellspacing="0" bgcolor="#999999">
    <tr>
      <td width="125" height="65" valign="top">

<font class="pil2">&laquo; test test</font>

<font class="pil1"><a href="#">X</a></font>

<font class="pil1"><a href="#">test 123 &raquo; </a></font>
      <td  valign="top"><font class="pil1"><a href="*">Text</a> &laquo; bla bla bla test test 12 123</font></td>
    </tr>
  </table>

oh please
drabbas av orubblig lust att skaka om koden.

<style type="text/css">
.pil1 a {
color:#000;
}
.pil1 a:hover {
color:#ccc;
}
p {
font:normal 10px/10px Georgia, Times, "Times New Roman", serif;
}
.pil1 {
color:#000;
}
.pil2 {
color:#ccc;
}
#extable {
width:480px; background-color:#999;
}
</style>
<div id="extable">
<p class="pil2">&laquo; test test</p>
<p class="pil1"><a href="#">X</a><br />
<a href="#">test 123 &raquo;</a><br />
<a href="*">Text</a> &laquo; bla bla bla test test 12 123</p>
</div>

det borde göra susen

jo jag vet koden är inte den bästa, tänkte optimera den sedan. Men nu ser det inte alls ut som det var tänkt, allt ska ju ligga på samma rad och den sista texten ska kunna göra radbrytningar utan att påverka de första två, i en egen kollumn.

okej...

.vanster {
float:left; width:125px; 
margin:0;
padding:0;
}
.hoger {
float:right; width:200px;
margin:0; padding:0;
}
.clear { clear:both; }

<div id="extable">
<div class="vanster">
<p class="pil2">&laquo; test test</p>
</div>
<div class="hoger">
<p class="pil1"><a href="#">X</a><br />
<a href="#">test 123 &raquo;</a><br />
<a href="*">Text</a> &laquo; bla bla bla test test 12 123</p>
</div>
<div class="clear">&nbsp;</div>
</div>