title: CSS Dropdown Menu Functionality Error In IE7,8 & 9
body: <p>I have a CSS dropdown menu that works perfectly in Mozilla/Chrome/Safari. However it is a bit iffy if <code>IE10</code> (but works) but does not work at all in <code>IE9</code>.</p>
  <p>I have tried to figure out what is causing this as there are websites that use CSS dropdown menus that function perfectly in IE.</p>
  <p>Please see here for fiddle: <a href="http://jsfiddle.net/xZuDC/" rel="nofollow noreferrer">http://jsfiddle.net/xZuDC/</a></p>
  <p>The images are as follows:</p>
  <ol>
  <li><p>Normal Menu in chrome</p>
  <p><img src="https://i.stack.imgur.com/y2QZ6.png" alt="Menu In Chrome" /></p>
  </li>
  <li><p>Menu in IE</p>
  <p><img src="https://i.stack.imgur.com/Cnojs.png" alt="Menu In IE" /></p>
  </li>
  </ol>
  <p><strong>List:</strong></p>
  <pre><code>&lt;ul class=&quot;ulrRight&quot;&gt;
      &lt;li&gt;&lt;a onclick=&quot;your_name&quot;&gt;Your Account&lt;/a&gt;
          &lt;ul id=&quot;your_name&quot;&gt;
              &lt;li&gt;&lt;a href=&quot;/index.php?f=mydetails&quot;&gt;Details&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href=&quot;/index.php?f=mypassword&quot;&gt;Password&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>