title: fixed menu issue, menu stacks vertically when fixed
body: <p>im building a personal portfolio for school projects. and i ran in to a problem. i want to make my desktop menu fixed, but when i do it my menu stacks vertical instead for horizontal.</p>
  
  <p>my test page: <a href="http://bravitus.com/www/test/test.html" rel="nofollow">http://bravitus.com/www/test/test.html</a>
  i want to make my menu as it is but fixed instead of relative.</p>
  
  <p>when i place it as fixed it makes the many like this:</p>
  
  <p>Home
  About me
  Contact</p>
  
  <p>but i want it to go like this:</p>
  
  <p>Home > About me > Contact</p>
  
  <pre><code>JSFiddle: http://jsfiddle.net/39fz0gsd/4/
  </code></pre>
  
  <p>Hope you have a fix ;)</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;ul class="navigation"&gt;
      &lt;li&gt;&lt;a href="#page-1" class="home selected"&gt;HOME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#page-2" class="aboutMe"&gt;ABOUT ME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#page-3" class="services"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS: </p>
  
  <pre><code>ul{
      list-style:none;
  }
  
  ul li{
      position:relative;
  }
  </code></pre>