Transparent selection in CSS

http://stackoverflow.com/questions/20069134/css-selection-highlight-does-not-work-on-images

HTML

<body>  
    <p>Testing paragraph</p>
    <span class="hideImageSelect"><img src="http://cdn.sheknows.com/articles/2012/10/isolated-cat.jpg" alt="testing cat!" width="300" tab-index="-1"/>
    </span>
</body>

CSS

::selection {
    background: rgba(255,255,255,0); /* Safari */
    }
::-moz-selection {
    background: rgba(255,255,255,0); /* Firefox */
}
.hideImageSelect {
    display: inline-block;
    position:relative;
}

.hideImageSelect:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}