title: HTML Submenu disappearing when trying to hover over it
body: <p>i created an HTML menu that has a submenu, however when i hover over the main menu and it shows the submenu, i cant get access to it. It disappears before i can move my mouse down to navigate to it. I dont know what i am doing wrong, maybe with my code someone can help out. thanks</p>
  
  <pre><code>#header ul { position: absolute; top: 88px; left: 0; }
  #header ul li { display: inline;}
  #header ul li a { font-size: 11px; text-decoration: none; text-transform: uppercase; margin-right: 20px; color: #fff; line-height: 2em;}
  #header ul li ul{ position: static;display: none; z-index: 999;top:150%;}
  #header ul li:hover a { font-weight:bold; color: #000000}
  #header ul li:hover ul { display: block; position:absolute;}
  </code></pre>
  
  <p><strong>Edited to show HTML</strong></p>
  
  <pre><code>     &lt;ul&gt;
                  &lt;li&gt;&lt;a href="/Default.aspx"&gt;Home&lt;/a&gt;              
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="/Cover/HRMS.aspx"&gt;HRMS&lt;/a&gt;
                      &lt;ul&gt;
                      &lt;li&gt;
                      &lt;a href="/Cover/HRMS.aspx"&gt;Position&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                      &lt;a href="/Cover/HRMS.aspx"&gt;COA&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                      &lt;a href="/Cover/HRMS.aspx"&gt;Employee&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                      &lt;a href="/Cover/HRMS.aspx"&gt;Estate&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="/Cover/EmployeeMaintenance.aspx"&gt;Employee Maintenance&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                  &lt;a href="/Cover/Payroll.aspx"&gt;Payroll&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                  &lt;a href="/Cover/DataTransfer.aspx"&gt;Data Transfer&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                  &lt;a href="/Cover/Reports.aspx"&gt;Reports&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                  &lt;a href="/Cover/Administration.aspx"&gt;Administration&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                  &lt;a href="/Cover/Help.aspx"&gt;Help&lt;/a&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
  </code></pre>
  
  <p></p>