My anchor tag looks like this:
<a href="#">
<i class="ico01"></i>
<span>Text</span>
</a>
The ico01 class applies an image using CSS sprite. I want to change the background color of the entire content inside the anchor (span + i) when the mouse hovers over it. However, currently, only the text (span) is affected by the hover effect. Am I missing something?
Here's a JS Fiddle link showcasing the issue: https://jsfiddle.net/0esbmusq/1/
Thank you for your help!