css ie et firefox !!

Bonjour, j'ai un petit probleme de compatibilité avec internet explorer et firefox
J'esssaye de faire une liste avec un fond transparent et le bord du bloc arrondi.
Cela fonctionne parfaitement sur ff mais sur ie, cela m'affiche un bloc poque et des bord carrés
Est ce que quelqu'un pourrait m'aider ?


Voila le css

h3 {
        margin: 0px;
        padding: 0px;
       }

    .suggestionsBox {
        position: absolute;
        top: 178px;
        left: 212px;
        margin: 10px 0px 0px 0px;
        width: 200px;
        background-color: #822255;
        opacity:0.80;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border: 1px #822255;
       }
    
    .suggestionList {
        margin: 0px;
        padding: 0px;
        color: #ffffff;
    }
    
    .suggestionList li {
        
        margin: 0px 0px 3px 0px;
        padding: 3px;
        cursor: pointer;
        color: #ffffff;
        list-style: none;
    }
    
    .suggestionList li:hover {
        background-color: #659CD8;
         }



et le code html

<div class="suggestionsBox" id="suggestions" style="display: none;">
                <img src="./img/upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
                <div class="suggestionList" id="autoSuggestionsList">
                    &nbsp;
            </div>


Merci à tous.

PS : j'ai deux fichier css différents pour ie et firefox donc pas grave si il faut mettre un code différent pour les deux navigateurs

Salut,

La transparence des png n'est pas supporté sur les IE (peut etre a partir de IE7 c'est OK)
Il faut mettre en place un hack (fichier htc) a trouver  sur internet et ca doit passer.

Bonjour,

En ce qui concerne les coins arrondis, les properties

-moz-border-radius et -webkit-border-radius

ne sont pas supportés par IE. Il se pourrait que dans peu de temps, microsoft choisisse le moteur 'webkit' pour sa prochaine version de IE mais ce n'est pas encore sur. Donc jusque là, les seules possibilités sont de faire les coins arrondis manuellement. Il y a plusieurs méthodes qui existent. Tu dois certainement être au courant d'ailleurs. Sinon, bah fais nous signe.

Cordialement

salu tt e monde svp jé besoin d'aide en CSS jé 1 gro blém avec l'incompatibilité de CSS entre IE et FF svp si vous avez des tuto n'hésitez po à me les données et merci d'avance.

Fµr!oUs KiLl£r

@furiouskiller
Evites de poster des demande dans des view posts si tu veux avoir des réponses rapides.

Il faut regarder du coté des hack css

http://www.zonecss.fr/courscss/cours_feuille_css_31.html

Par exemple

Merci bcppp Nhervagault.

Fµr!oUs KiLl£r