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 を持つすべてのものの上に画像が表示されないのはなぜですか?

ありがとう！