[crunked]

Följande kod för en tabell fungerar som jag vill i FF men inte i IE. Problemet är att IE inte accepterar höjderna jag sätter, utan fördelar höjderna lika mellan alla rader.
Så här ser det ut:

Produktgrupp | Produkt
===================
text | rad 1
text |
text | rad 2
text |
text | rad 3
text |

Fast jag vill att det ska se ut så här:

Produktgrupp | Produkt
====================
text | rad 1
text | rad 2
text | rad 3
text |
text |
text |


Jag kan inte sätta en fast höjd på td:n med texten eftersom textmassans storlek varierar.
Något förslag på hack eller omstrukturering för att få det att se ut som jag vill?

Kodexempel:

<table border="1"> 
  <tr> 
    <th>Produktgrupp</th> 
    <th>Produkt</th> 
  </tr> 
  <tr> 
    <td rowspan="3">textmassa</td> 
    <td style="height:20px">rad 1</td> <!-- denna höjd ska gälla --> 
  </tr> 
  <tr style="height:20px"> <!-- denna höjd ska gälla --> 
    <td>rad 2</td> 
  </tr> 
  <tr> 
    <td>rad 3</td> 
  </tr> 
</table>