iOS li:hover issue

Hi there,

I have a funny little CSS bug on a li hover state on iPhone and iPad.

Check out the page here:

There are some icons at the bottom on the page. The idea is that touching and holding on them keeps the information panel displayed. In Safari, the hover state only lasts for a split-second. If you play around with the icons for long enough, Safari will activate a hover state on a single icon. In Chrome, the icons will behave the same way as Safari, except occasionally the correct behaviour is triggered.

There is a similar situation here:

Only this behaves in the desired fashion. Has anyone experienced this issue before?

Thanks in advance,