title: use bullet to indicate current page in navigation menu
body: <p>I have a vertically displayed navigation menu. I would like a bullet point to appear to the left of the page currently being viewed. I've read a little bit about using background changes applied to <code>li</code> to indicate page, but I don't know how to apply that to using bullets.. Any ideas?</p>
  
  <pre><code>&lt;nav&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#home"&gt;home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#about"&gt;about&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#lookbook"&gt;lookbook&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#services"&gt;services&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#contact"&gt;contact&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;blog&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  
  nav {
      position: fixed;
      right: 13%;
      top: 65%;
  }
  
  nav ul li {
      text-align: right;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/jtRws/" rel="nofollow">http://jsfiddle.net/jtRws/</a></p>