Why don't my on states work on mobile?

I do this quite a lot, I dunno if its a common technique or what but I like to use custom states to make an over/on (like the default hover/down but better) and using states and ifs I can make the selected one stay lit up and not change to hover when its selected quite easily.

Here's a link to an example

http://learn.nwrc.ac.uk/_teldemo/Test/onstates/story.html

What I've noticed through and struggled to figure out is this works fine on desktop. Click an option, it highlights and all the other over states keep working. However it doesn't do this on mobile. All the buttons still work and the over state comes in when you press it but the on state never comes in. This is doubly confusing because the content of the main box is dependent on which selection box is currently "on".

I've attached this page in isolation if any wants to see if they can see what's going on or is this just a foible of mobile and there's not much can be done?

Cheers