title: IE6 CSS Hover issues with menu
body: <p>I have a CSS hover menu which works in all browsers except... surprise -- IE6!</p>
  
  <pre><code>#menu_right ul li:hover ul { visibility: visible; }
  </code></pre>
  
  <p>This <code>ul</code> is hidden initially, obviously. When I hover over its parent <code>li</code>, it should show up... but it doesn't.</p>
  
  <p>To try to pinpoint the problem, I've tried making the <code>ul</code> initially <strong>visible</strong> and had the hover action take on something else. For example:</p>
  
  <pre><code>#menu_right ul li ul { visibility: visible; }
  
  #menu_right ul li:hover ul { background: red; }
  </code></pre>
  
  <p>This doesn't help. On other browsers (including IE7+), the <code>ul</code> will turn red when I hover over its parent <code>list element</code>. But not in IE6. What am I missing?</p>