title: CSS only drop down menu doesn't like iPad etc. Follows menu link without revealing menu
body: <p>We have created a new website here www.worthingleisure.co.uk/splashpoint</p>
  
  <p>It has a CSS only menu at the top that should work the iPad, iPhone, and other touch based devices by using the li:hover ul method with appropriate showing and hiding.</p>
  
  <p>However, if say for example you tap Facilities, it follows the link and only momentarily reveals the menu as it loads the Facilities page. If you hit back, the menu then shows fine! I am sure this used to work fine but has now stopped working.</p>
  
  <p>I have drawn a blank and tried everything to get it to be "one tap" opens menu, "second tap" follows URL of hyperlink and drawn a blank, including putting "onclick='return false'" in the li items as suggested elsewhere.</p>
  
  <p>Does anyone have any ideas, I have been looking into this all morning and not been able to find an answer, yet other CSS only menus work perfectly fine and I cannot fathom out what is different between them and ours.</p>
  
  <p>many thanks,
  Vicky</p>