liste déroulante avec sous menu Firefox

Bonjour,

si mon message n'est pas dans le bon thème, je m'en excuse, je n'en ai pas trouvé qui convienne bien :(

Voilà mon problème : j'ai une liste déroulante daans une page :

<select name="ideaAction" size="1" onchange="javascript:manageIdea();">
    <option value="">--- Actions ---</option>
    <option value="addobservation">Ajouter un commentaire</option>
    <option value="print">Imprimer les idées</option>
    <option value="printCompleteFile">Imprimer la fiche complète</option>
    <option value="closest">Lancer des recherches d'antériorité</option>
    <option value="moveIdea">Déplacer les idées</option>
    <optgroup label="Traitement">
        <option value="decideur">Modifier le porteur</option>
        <option value="askexpertise">Demander une tâche</option>
        <option value="nextPhaseWithTask">Lancer un projet d'innovation</option>
        <option value="modify">Modifier l'idée</option>
        <option value="challenge">Gérer les défis</option>
    </optgroup>
    <optgroup label="Classement">
        <option value="treatidea">Classer l'idée</option>
    </optgroup>
    <option value="delete">Supprimer l'idée</option>
    <option value="reboundIdea">Réutiliser l'idée</option>
</select>

Elle s'affiche très bien sous IE, mais sous firefox, les indentations pour les sous menu ne se font pas. D'où ma questions : conaissez vous un moyen d'afficher les sous menu avec indentation, et que cela fonctionne avec IE et FF.

Merci d'avance pour vos réponses

Bonjour,
    ah... ?    je n'ai aucun souci ni avec Ie, ni avec FFk, ni K-meleon, ni Opera...
    l'affichage est "comparable".  avec Windows XP . parle-t-on de la même chose ?

---

---

ou alors un ccs associé qui gène ?

---

---

en fait, l'affichage se fait quand même, mais sans les indentations. Sous IE, l'affichage se fait avec la police définie pour les niveaux 1 et 3, et en gras pour le niveau 2, avec une indention à chaque niveau.
Sous FF, l'affichage se fait avec la police définie pour le niveau 1, gras pour le niveau 2, italique pour le niveau 3, et sans indentions, et c ce qui me manque

j'espère que je suis claire ?!

la seule différence que je vois c'est la "qualité de la police" des lignes affichées.
gras,italique,indentation... me semblent pareil. ( j'ai mise size=50 pour tout voir et
pouvoir comparer ).  désolé.

---

---

ça, c bizarre, vu que j'ai la version 6.0, je me suis dit que c'était un problème avec la nouvelle version de IE, mais même sur la nouvelle, les identations sont visibles. Le mieux est peut être de te montrer la différence que j'ai, afin aussi de savoir quelle version tu vois toi !

sous IE :
[URL=http://imageshack.us][IMG]http://img441.imageshack.us/img441/4878/iedp4.png[/IMG][/URL]

sous FF :
[URL=http://imageshack.us][IMG]http://img390.imageshack.us/img390/1315/ffna8.png[/IMG][/URL]

Bonjour

faudrait voir ta feuille de style

Cordialement
Roro webDev

feuille de style faisant 1777 lignes, je te passe juste ce qui nous concerne :

input, textarea, select{
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
}

en faisant des recherches, j'ai vu que, en effet, les sous groupes dans une liste déroulante dépendent bien du navigateur :(

Du coup, je pensais faire une spécificité dans la css. Le souci, c que si je fais :
optgroup{
text-indent:40px ;
}
ça n'indente que le titre de l'optgroup
et forcément, si je fais
option{
text-indent:40px ;
}
Ca indente toutes les options. Donc est-ce possible de choisir de n'indenter que option dans optgroup, avec quelque chose du style optgroup.option (dslée si je raconte n'importe quoi) ?

il doit y avoir autre chose...

<style type="text/css">
input, textarea, select{
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size:1em;
font-weight:normal;
}
</style>
<select name="ideaAction" size="50">
    <option value="">--- Actions ---</option>
    <option value="addobservation">Ajouter un commentaire</option>
    <option value="print">Imprimer les idées</option>
    <option value="printCompleteFile">Imprimer la fiche complète</option>
    <option value="closest">Lancer des recherches d'antériorité</option>
    <option value="moveIdea">Déplacer les idées</option>
    <optgroup label="Traitement">
        <option value="decideur">Modifier le porteur</option>
        <option value="askexpertise">Demander une tâche</option>
        <option value="nextPhaseWithTask">Lancer un projet d'innovation</option>
        <option value="modify">Modifier l'idée</option>
        <option value="challenge">Gérer les défis</option>
    </optgroup>
    <optgroup label="Classement">
        <option value="treatidea">Classer l'idée</option>
    </optgroup>
    <option value="delete">Supprimer l'idée</option>
    <option value="reboundIdea">Réutiliser l'idée</option>
</select>

                ====> "pareil" avec FF,IE....

---

---