Compatibilité avec IE5.5 et Netscape 7.0 - Menu en CSS

Bonjour,

J'ai réussi en partie à paramétrer un menu en css que j'ai trouvé sur Internet mais voilà qu'il n'est pas pareil en IE et sur Netscape...

1- Sur IE, c'est presque parfait mais je voudrais que le texte dans "hover" soit plus centré (comme dans Netscape).

2- Sur Netscape 7.0, les bordures de droite et gauche du <ul> n'aparaissent pas contrairement à IE 5.5.

Voici mon code CSS:

<!-- Début du Menu en CSS -->

div#navbar2 {
height: 30px;
width: 100%;
border-top: solid #000 0px;
border-right: solid #CCCCCE 5px;
border-bottom: solid #000 0px;
border-left: solid #CCCCCE 5px;
margin: -20px 0 0px 0;
background-color: #E8E3E0;
}
div#navbar2 ul {
margin: 0px;
padding-left: 4px;
padding-right:4px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #993300;
line-height: 30px;
white-space: nowrap;
background-color: #E8E3E0;
}
div#navbar2 li {
list-style-type: none;
display: inline;
}
div#navbar2 li a {
text-decoration: none;
padding: 7px 10px;
color: #993300;
}
div#navbar2 li a:link {
color: #B50A37;
}
div#navbar2 li a:visited {
color: #625E5B;
}
div#navbar2 li a:hover {
font-weight: bold;
color: #E8E3E0;
background-color: #B50A37;
}

<!-- FIN du Menu en CSS -->

et dans le HTML:

<div id="navbar2">
<ul>
<li><a href="link1.html">Bouton 1</a></li>
<li><a href="link2.html ">Bouton 2</a></li>
<li><a href="link3.html ">Bouton 3</a></li>
<li><a href="http://www.monsite.com/fun/default.asp">English</a></li>
</ul>
</div>

Si je ne suis pas assez claire, SVP me le dire...

Merci de bien vouloir m'aider
Modifié par sperron (21 Dec 2005 - 17:01)

J'aimerais que quelqu'un me dise pourquoi les bordures n'aparraissent sur Netscape 7.0 (gauche et droite de tout le <ul>). Il y a-t-il une autre façon de faire pas trop compliqué ?

Merci de bien vouloir me répondre .....

Par ce que c'est une couche par dessus une autre couche il faudrais adapter l'effet de transparence.

Intégrer une image en background transparent.