title: iPad/iPhone Touch Event on Hover CSS
body: <p>I have a simple menu set up like this:</p>
  
  <pre><code>  &lt;ul&gt;
     &lt;li&gt;Item &lt;/li&gt;
     &lt;li&gt;Item &lt;/li&gt;
      &lt;li&gt;Item &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>When you hover over the item on the computer it shows the other <code>&lt;ul&gt;</code> and <code>&lt;li&gt;</code> items fine. On the i-devices, if you touch the item, it does not do anything. My very first <code>&lt;li&gt;</code> that has an image called iconic works perfect, but I cannot figure out why that works and the others do not.</p>
  
  <p><a href="http://jsfiddle.net/5v9nc/" rel="noreferrer">http://jsfiddle.net/5v9nc/</a></p>
  
  <p>Thank you for your help.</p>
  
  <p>I tried this: </p>
  
  <p><a href="http://blog.0100.tv/2010/05/fixing-the-hover-event-on-the-ipadiphoneipod/" rel="noreferrer">http://blog.0100.tv/2010/05/fixing-the-hover-event-on-the-ipadiphoneipod/</a></p>
  
  <p>But it did not help. Please help! I have tried the suggestions below but it does not work for my fiddle example.</p>