Bootstrap problème couleur Navbar

Bonjour ,

Je rencontre un petit soucis concernant le changement de couleur de la navbar , peut etre que je m'y prends mal , en fait le soucis si je change de couleur y me laisse un tout petit fil blanc entre la bar et le reste de ma page , je suppose que le probléme est que la couleur ne prends pas la totalité la barre d'ou ce probléme visuel donc si quelqu'un sait comment changer la couleur correctement , voici le rendu et mon code -ci dessous:

<nav class="navbar navbar-default navbar-fixed-top" id="navbar">
      <div class="container">
       <a class="navbar-brand" href="#">...</a>
        <ul class="nav navbar-nav">
          <li><a href="#haut"> Accueil </a></li>
          <li><a href="#"> Qui-Suis-Je </a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">CV <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu">
                <li><a href="#xp-pro">Experiences Professionnelles</a></li>
                 <li><a href="#formations">Formations</a></li>
                <li><a href="#competences">Compétences</a></li>
                <li><a href="#hobbies">Hobbies</a></li>
            </ul>
          </li>
           <li><a href="#">Contact</a></li>
          <form class="navbar-form navbar-left" role="search">
             <div class="form-group">
              <input type="text" class="form-control" placeholder="Recherche">
              </div>
              <button type="submit" class="btn btn-default">Envoyer</button>
          </form>
        </ul>
      </div>
    </nav>

#navbar{
    background-color: #D9A679;
}