Salut,
sous IE le style="background-repeat: repeat-y" marche très bien mais évidement sous firefox ça ne marche pas !
Quelqu'un peut regarder ma css et me dire le pourquoi Firefox ne considère pas les données comme sous IE?
voici une partie du code
#Navtop {
background-image: url(images/nav-top.jpg);
background-repeat: no-repeat;
height: 35px;
width: 190px;
margin:auto 0;
}
#Nav {
background-image: url(images/nav-back.gif);
background-repeat: repeat-y;
background-position: center;
}
#Navbase {
background-image: url(images/nav-base.jpg);
background-repeat: no-repeat;
height: 35px;
width: 190px;
}
.buttons a {
color: #000B87;
padding: 4px 25px 4px 10px;
display: block;
font: bold 14px/1.5em "Trebuchet MS", Georgia, Arial;
text-decoration: none;
text-align: right;
background-image: url(images/normal.gif);
background-repeat: no-repeat;
background-position: right center;
margin-right: 10px;
width: 135px;
}
.buttons a:hover {
color: #0085DB;
text-decoration: none;
background-image: url(images/hover.gif);
background-repeat: no-repeat;
background-position: right center;
}
.decouvrir_tunisie { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #EBA514}
<div id="Nav">
<div clear:both><div id="Navtop">
<p><span class="decouvrir_tunisie">Decouvrir La Tunisie</span> </p>
<div align="left" class="buttons">
<div align="left"><a href="#" class="buttons" align="left">Vos circuit</a></div>
</div>
<div align="left" class="buttons"><a href="#" class="buttons" align="left">Excursions</a></div>
<div align="left" class="buttons"><a href="#" align="left">La Tunisie en photos</a></div>
<div align="left" class="buttons"><a href="#" >Demande special </a></div></div>
</div>
<div id="Navbase"></div>
</div>