Finally, a CSS only solution to:hover on touchscreens

I think you could cover the IE case, as well, with:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }