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的所有内容之上？

谢谢！