Hover background image does not work IE11

advertisements

I'm trying to fix a issue with IE 11 about my hover thing.

Basically, when I mouse over the link, the text background changes.

Everything works fine with FireFox and Google Chrome. However, the background image doesn't appear with Internet Explorer 11.

ul .news:hover {
  background: url("Images/OverNews.png");
}
<ul>
   <li class="news"><a href="#"> News </a></li>
   <li class="chat"><a href="#"> Chat </a></li>
   <li class="forum"><a href="#"> Forum </a></li>
   <li class="contact"><a href="#"> Contact </a></li>
</ul>

try:

ul .news:hover {
  background-image: url("Images/OverNews.png");
}