/* for iPhone, iPod Touch and iPad */
/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
.menu:active,
.menu:hover {}
.menu ul ul {display:none;}
.menu ul li:hover > ul {display:block;}
.menu ul li.hasSub:hover ~ li.close {display:block;}