html - 背景の画像リスト、css

Question

ここに私のコードがあります:

    #jackpots {
    position: relative;
    width: 228px;
    min-height: 30px;
    background: url(images/pattern.png) repeat;
    }

    .bottomImage {
    position: absolute;
    bottom: 0; 
    z-index: 1;
    }

    #jackpots ul {
    z-index: 2;
    }

HTML:

    <div id="jackpots>
        <ul>
            <li>...</li>
            <li>...</li>
            <li>...</li>
            <li>...</li>
        </ul>
    <img src"some.jpg" class="bottomImage">
    </div>

問題は次のとおりです。li 要素は、その下に画像がない場合にのみクリック可能です。コード全体にすでに 1 または 2 がある場合に備えて、より大きな z-index 番号を試してみましたが、うまくいきません。