title: Static Dropdown Menu - Need to stop it moving position
body: <p>I've been playing around with the css position of my dropdown navigation menu now for some time and can't seem to get it to stay where it should.</p>
  
  <p>An example of my menu can be found here: <a href="http://jsfiddle.net/W8UFZ/" rel="nofollow">http://jsfiddle.net/W8UFZ/</a></p>
  
  <p>The CSS for the dropdown area is</p>
  
  <pre><code>.rscss-horizontal_nav ul li ul {
      margin: 0 0 0 0;
      padding: 5px 0 0 0;
  }
  </code></pre>
  
  <p>When the page isn't scrolled down at all, the dropdown menu is fine. However when you scroll down a bit the menu doesn't move up to stay with the top level navigation item.</p>
  
  <p>I can't seem to find what's causing this and have tried different position styles for the dropdown menu but still to no avail.</p>
  
  <p>Does anyone have any ideas?</p>