css - CSS：为什么图像没有显示在顶部（z-index）？

Question

我有一个清单，如下所示：

<ul id="categoryTabsId" class="categoryTabs">
    <li onclick="tabs(this);" class="selected" id="tab1">
       <span class="tab-one">
           <img src="http://www.dot.ca.gov/hq/jobs/images/number1_icon.jpg" />    
       </span>
       some text
    </li>
</ul>

操纵图像位置的 CSS 是：

position: relative;
top: 0;
left: -20px;

CSS将图像移动到正确的位置，但图像没有完全显示，似乎图像的一部分在其他东西后面。我尝试使用 z-index: 999999999 但这不会改变任何事情。为什么图像不在具有如此高 z-index 的所有内容之上？

谢谢！