bug sous firefox

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>

j'ai trouvé l'erreur ca manque un </div>
mais j'arrive pas à comprendre pour quoi ca marché avec IE,bon je dit peut etre que IE est plus permissive que FF
<div id="Nav">
        <div clear:both><div id="Navtop"></div>
          <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>

>> IE est plus permissive que FF
    sur ce cas là, IE arrive à se récupérer, pas FF.
    dans d'autres circonstances, ce serait le contraire   ;o)

    mais tu n'as pas rectifié ?     <div clear:both>
          c'est     <div style="clear:both">         non ?

---

                Cordialement            Bul         «mon Site»     «M'écrire»