title: Slideout CSS menu needs persistent hover state
body: <p>So this is where I am so far with a header menu I am trying to create.</p>
  
  <p><a href="http://jsfiddle.net/2LUSL/" rel="nofollow">http://jsfiddle.net/2LUSL/</a></p>
  
  <p>It works perfectly as I want it apart from the fact that I need the divs that slideout to stay visible while I hover over them.</p>
  
  <p>Forgive my lack of understanding/knowledge and also if this has been answered before.</p>
  
  <p>Thanks for any help in advance.</p>
  
  <p>I think where I might be going wrong is that I haven't made my elements into a list, but when I do it doesn't help.</p>
  
  <pre><code>&lt;div id="slidecontainer"&gt;
  
      &lt;div id="slideout" class="zero"&gt;&lt;/div&gt;
      &lt;div id="slideout" class="one"&gt;&lt;/div&gt;
      &lt;div id="slideout" class="two"&gt;&lt;/div&gt;
      &lt;div id="slideout" class="three"&gt;&lt;/div&gt;
      &lt;div id="slideout" class="four"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>