Problème d’affichage des attributs de Prestashop dans Internet Explorer

Aujourd’hui je suis confronté à un problème d’affichage des attributs dans ma boutique Prestashop.

Exposé du problème d’affichage des attributs :

Voici ce que j’ai et qui va bien avec Firefox :

Voici l’affichage des mêmes données dans Internet Explorer 8 :

Comme on peut voir dans cet exemple, IE8 et Firefox ne réagissent pas du tout de la même façon. Dans les 2 cas, j’utilise le thème par défaut livré avec Prestashop.

Cela doit pouvoir se régler avec des CSS mais je ne suis pas un as du tout dans ce domaine.

Idées pour le CSS :

• Élargir la taille de la liste déroulante dans IE.
• Déplacer un peu vers la gauche  l’ensemble article et quantité de manière à laisser plus de place (en largeur) à la liste déroulante.

Sources de cette partie :

Code Html :

<!-- attributes -->
<div id="attributes">
<p>
<label for="group_1">Article :</label>
<select name="group_1" id="group_1" onchange="javascript:findCombination();">
<option value="22">8mm wei&szlig; / blau pro Meter</option>
<option value="47">10mm wei&szlig; / blau pro Meter</option>
<option value="2">10mm wei&szlig; / rot pro Meter</option>
<option value="28">10mm schwarz pro Meter</option>
<option value="9">12mm wei&szlig; / blau pro Meter</option>
<option value="3">12mm wei&szlig; / rot pro Meter</option>
</select>
</p>
</div>
<!-- quantity wanted -->
<p id="quantity_wanted_p">
<label>Menge:</label>
<input type="text" name="qty" id="quantity_wanted" class="text" value="1" size="2" maxlength="3" />
</p>

Dans global.css

#primary_block div#attributes p, #quantity_wanted_p{
clear: left;
height:2em;
}

Solution

Pas de solution pour l’instant. Si quelqu’un a déjà été confronté au problème, ce serait sympa qu’il poste un lien ou sa solution dans les commentaires. Merci d’avance…