title: Change vertical divider navbar
body: <p>I'm trying to change the background image of vertical divider class, in Bootstrap.
  I have this menu:</p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="navbar"&gt;
       &lt;div class="navbar-inner"&gt;
            &lt;a class="brand" href="#"&gt;&lt;/a&gt;
            &lt;ul class="nav"&gt;
                 &lt;li class="active"&gt;&lt;a href="#"&gt;Nosotros&lt;/a&gt;&lt;/li&gt;
                 &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Servicios&lt;/a&gt;&lt;/li&gt;
                 &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Galer&amp;iacute;a de fotos&lt;/a&gt;&lt;/li&gt;
                 &lt;li class="divider-vertical"&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="#"&gt;Contacto&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my css I try:</p>
  
  
  
  <pre class="lang-css prettyprint-override"><code> .navbar .nav .divider-vertical{
       background-image: url("img/nav-div.jpg");    
   }
  </code></pre>
  
  <p>But nothing. Any ideas ?</p>