Elements d'une liste que je n'arrive pas à placer avec IE

Bonjour,

Voici deux listes. L'une se place à gauche dans la div et l'autre à droite. Mon problème vient des éléments de la liste de gauche que je n'arrive pas à placer l'un sous l'autre avec IE (sous FF tout semble ok) et j'en perds mon latin.
La page en question est ici => http://www.unjourenbio.com/produit-bio.html?_ref=111-3

Auriez vous une piste ?

<ul><li class="prix"> 10.90</li>

<li class="ajouterPanier"><form name="">
<input name="refArt" type="hidden" value="111-3"> 
<input name="_ref" type="hidden" value="111-3"> 
<input name="page" type="hidden" value="0">
<input name="act" type="hidden" value="ajout"> 
Qté : <input name="nb" type="text" value="1" size="1" maxlength="4">&nbsp;&nbsp;<br  />

<a href="#"></a></form></li>

<li class="alignement">Disponibilité : <img src="images/dispo2.gif" /></li>
<li class="alignement"><strong>Marque :</strong> <a href="#">Naturado</a></li>
<li class="alignement"><strong>Référence : </strong>111-3</li>
</ul>
 <ul class="forces">
          <li>
            <p><strong><a href="#" >Livraison Offerte</a></strong></p>
            <p><a href="#">dès 49€ de commande</a></p>
          </li>
           <li>
            <p><strong><a href="#" >Carte de fidélité</a></strong></p>
            <p><a href="#">gratuite et automatique</a></p>
          </li>
           <li>
            <p><strong><a href="#">Paiements sécurisés</a></strong></p>
          </li>
          <li>
            <p><strong><a href="#">Echantillons ou cadeau</a></strong></p>
            <p><a href="#">offerts</a></p>
          </li>
        </ul>

Merci.

Il y a des gros problèmes au niveau de la sémantique : des listes alors que ce n'est pas nécessaire, des <h1> un peu partout, aucune hiérarchie, etc.

Ça ne répond pas à ta question mais remettre de l'ordre dans le code html aiderait déjà à y voir plus clair.

Tu as raison mais c'est une chose que je modifierai plus tard.
Merci