Bonjour à tous,

j'ai fait un menu vertical , que j' "anime" avec du css et du javascript lorsque j'appuie sur un lien , le span contenant les sous-liens passe de display:none à display:block
www.cspro.be >>
En explorer ça fonctionne, mais pour netscape les liens ne sont pas à la dimension...et pour cause on ne peut affecter width:; à une boîte en ligne comme <a></a>...
Auriez-vous une proposition pour règler ce problème de mise en page?

D'avance merci!


le style...
.menu {
    display:none;
    width:155px;
}
.niv2:visited{
    text-decoration:none;
}
.niv2:hover{
    color:#F2B204;
    text-decoration:none;
    background-color:#dddddd;
    border-bottom:1px solid #ffffff;
    border-top:1px solid #66666;
}
.niv2:link{
    text-decoration:none;
}
a{
    border-bottom:1px solid #666666;
    border-top:1px solid #ffffff;
    right:0px;
    font-family:arial narrow, verdana , tahoma;
    font-weight:bold;
    width:169px;
    font-size:11pt;
}
.niv1{
    width : 169px;
    color:#444444;   
    letter-spacing:6px;
}
.niv2{
    width : 169px;
    color:#339933;
    border-left:1px solid #cccccc;
}
.niv1:visited{
    text-decoration:none;
}
.niv1:hover{
    background-color:#dddddd;
    border-bottom:1px solid #ffffff;
    border-top:1px solid #666666;
    color:#884545;
    text-decoration:none;
}


la partie html
<div>
<a href='#' onclick="return tree_m('menu1')" class="niv1">Home1</a><br />
<span class='menu' id='menu1'>
<a href="#" class="niv2">Home1</a><br />
<a href="#" class="niv2">Home2</a><br />
</span>

<a href='#' onclick="return tree_m_Menu('menu2')" class="niv1">Produits</a><br />
<span class='menu' id='menu2'>
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
<a href="#" class="niv2">Béton1</a><br />
        </span>

<a href='#' onclick="return tree_m_Menu('menu3')" class="niv1">Services</a><br />
<span class='menu' id='menu3'>
<a href="#" class="niv2">Services1</a><br />
    <a href="#" class="niv2">Services2</a><br />
    <a href="#" class="niv2">Services3</a><br />
        </span>
</div>