title: Create a gap between navigation and drop down
body: <p>does somebody know how i can create a little gap between my navigation and the drop down? I tried it with margin without success.</p>
  
  <p>My navigation bar looks like this:</p>
  
  <pre><code>&lt;div class="navigation"&gt;
  &lt;ul class="menu"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Worker&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#" class="sub"&gt;Categories&lt;/a&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Webdesign&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Inspiration&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Tutorials&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Development&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Shop&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Account&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>I pasted my code to <a href="http://jsfiddle.net/1oakjjLc/" rel="nofollow">jsfiddle </a></p>
  
  <p>I would be appreciate if someone has an idea to solve this.</p>