不显示 CSS 背景图像

我的问题是image123的背景图像没有出现。包括一个普通的<img src>工作正常，但我需要使用CSS来完成（因为我需要在悬停时更改背景）。有谁知道这里的错误是什么？

.HTML：

<ul class="class1">
      <li class="class2">
           <a class="link" data-toggle="dropdown" href="#">Kategorien</a>
           <ul class="category_container">
    <?php
        echo '<li>
               <a href="index.php?category='.$row['Link'].'&location='.$_GET['location'].'&sort='.$_GET['sort'].'">
                 <span class="image123"></span>
                 <span>'.$row['NameC'].'</span>
               </a>
             </li>';
    ?>
           </ul> 
      </li>
      </ul> 

这是我的 CSS：

.image123 {
background-image: url(img/category_items/audio.png) no-repeat !important;   
width: 20px;
height: 20px;
background-size: 100%;
}

谢谢！仅供参考，整个ul是一个下拉菜单容器。