Taille d'une liste déroulante required et message correspondant

Bonjour à tous,

Je bloque sur un souci. J'ai une page Web avec des listes déroulantes en required.
Pas de problème niveau validation des données, c'est parfait.

Le souci vient de la largeur du select, il me semble.
Le message du required s'en trouve tronqué.

j'ai joint une image montrant le souci.

Quelqu'un à a une idée ?

Autre question du coup, le style de cette "box" est éditable ?
Je ne l'ai pas trouvé dans le code sur Firebug, mais j'ai peut être mal cherché.


(Navigateur Mozilla Firefox version 15.0.1)

Merci d'avance pour vos réponses
Modifié par Thade (21 Sep 2012 - 14:12)

Mh je n'ai pas d'overflow appliqué au select
J'aurais préféré

Voici le css appliqué au select si ca peut aider :

 margin-right: 15px;
    width: 75px;
    float: left;
    background-color: #E9E9EA;
    border: 1px solid #BDBFC0;
    border-radius: 3px 3px 3px 3px;
    color: #6C6F70;
    font-size: 11px;
    font-weight: 600;
    padding: 7px 5px 6px;
    -moz-box-sizing: border-box;
    vertical-align: baseline;
    font-family: 'Open sans';
    list-style: none outside none;

Hello.

Tu as bien vérifié que l'overflow n'est pas appliqué sur un élément parent? Au pire, désactive les CSS sauf la largeur du select, ça te permettra de vérifier la piste "bug de Firefox".

Merci Florian_R pour ta réponse,
j'ai désactivé tous les css avec Web Developper et le résultat est :



Je serais tenté de dire que c'est un bug de Firefox , bon bah je vais attendre le correctif dans la version 21.0.1

Merci pour vos réponses.