Problème affichage IE/Firefox (tableau)

Bonjour,

Je crée un site e-commerce et mes pages ont un petit bug au niveau d'un tableau: tout s'affiche comme prévu sous Firefox, il n'y a pas de problème. Mais sous IE, le tableau ne s'affiche pas comme prévu:
http://www.new.sortezcouvert.fr/assortiments-preservatifs-durex.html

Voici le code Html du tableau:

<div class="acheter">
<div style="position: absolute; top: 17px; left: 220px;">
<table>
<tr>
<td class="pack">PackTest</td>
<td class="nombre">x10</td>
<td class="prix">5,0 €</td>
<td class="bouton_achat"><!--code bouton paypal--></td>
</tr>
<tr>
<td class="pack">PackMix</td>
<td class="nombre">x20</td>
<td class="prix">9,7 €</td>
<td class="bouton_achat"><!--code bouton paypal--></td>
</tr>
<tr>
<td class="pack">Maxi-PackMix</td>
<td class="nombre">x40</td>
<td class="prix">19,0 €</td>
<td class="bouton_achat"><!--code bouton paypal--></td>
</tr>
</table>
</div>
</div>


Et le code css associé:

.acheter
{
position: relative;
width: 700px;
height: 200px;
background: url("fond/fonddescription.png");
}

tr
{
height: 38px;
}

.pack
{
font-family: helvetica, arial, verdana, serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
color: #FF3399;
vertical-align: middle;
}

.nombre
{
font-family: helvetica, arial, verdana, serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #FF3399;
padding-left: 20px;
vertical-align: middle;
}

.prix
{
font-family: helvetica, arial, verdana, serif;
font-size: 18px;
font-weight: bold;
color: #FF3399;
padding-left: 50px;
vertical-align: middle;
}

.bouton_achat
{
padding-left: 30px;
padding-top: 5px;
}


Merci pour votre aide!
Pour vous rendre compte du résultat VOULU, regardez cette page avec firefox: http://www.new.sortezcouvert.fr/assortiments-preservatifs-durex.html