title: CSS drop down menu not working in IE8
body: <p>I have created a drop down menu in css.</p>
  
  <p>The drop down menu is rendered correctly in Firefox, Chrome and IE8. But in IE8 I am not able to make the selection from the drop down. it immediately vanishes..</p>
  
  <p>css file ...</p>
  
  <pre><code>ul {
  /*  font-family: Arial, Verdana;
    font-size: 14px;*/
    margin: 0;
    padding: 0;
    list-style: none;
   }
  ul li {
    display: block;
    position: relative;
    float: left;
  }
  li ul { display: none; }
  ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 15px 5px 15px;
    background: #2C5463;
    margin-left: 1px;
    white-space: nowrap;
  }
  ul li a:hover { background: #617F8A; }
  li:hover ul {
    display: block;
    position: absolute;
    left:none;
  }
  li:hover li {
    float: none;
    font-size: 11px;
  }
  li:hover a { background: #617F8A; }
  li:hover li a:hover { background: #95A9B1; }
  </code></pre>
  
  <p>~</p>
  
  <p>HTML (php file here..)</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" &gt;
  &lt;HEAD&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;
  &lt;TITLE&gt;&lt;/TITLE&gt;
  &lt;link rel="stylesheet" href="menu.css" type="text/css"&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;
  &lt;div id="header" class="top-bottom"&gt;
  &lt;ul id="menu"&gt;
    &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;Profile&lt;/a&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="./edit_profile.php"&gt;Edit Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;View Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;Add Education&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;My Connections&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=""&gt;Change Password&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>