menu hover over not working on windows 8 phone and windows surface

Question

On my web site, I have css that allows me to hover over a main menu item (like in my case "About" and have the submenu (list items) appear. It works on iphone,android,chrome,safari,IE windows 8.1 but not on windows 8 phone and windows surface. The CSS that gets hit I believe is this:

#header .menuUserBar .menuWrap > ul > li:hover ul {
  display: block;
  visibility: visible;
}

You can see it live at the site http://www.siliconvalley-codecamp.com/

If there is some special attribute I need to make it recognize those problem browsers, please let me know that. Obviously, I'm not a css wizard, not even sure if I have risen to newby status yet.

Answer 1

found answer:

 <a href="#" aria-haspopup="true"  ><span class="imgWrap"></span>
                    <h2>ABOUT</h2>
 </a>

aria-haspopup="true"