Compatibilité ie et ff

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.
Modifié par gaucyril (21 Nov 2008 - 11:32)

Bonjour,

En tant que modératrice, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Ah, et au passage...

- La propriété de feuille de style css -moz-border-radius n'est reconnu que par FireFox et Nestcape.
Source : zone css

- La propriété de feuille de style opacity css n'est pas reconnue par Internet Explorer.
Source : zone css