XF 1.2 Image z-index not having an effect.

[WiseHollow]

Hey guys. I have another question that maybe you could help me with. I have placed an image on a category node however even if I add a z-index to it's styling it still gets cut off at the top of the image.

Is there a way to make it appear above the other elements?

<div class="categoryText">
            <table style="width:100%;">
                <tr width="100%">
                    <td width="75%" align="left"><h3 class="nodeTitle"><a href="{xen:link categories, $category}">{$category.title}</a></h3></td>
                    <td width="25%" align="right">
                    <div style="margin-top:-20px; z-index:100;">
                        <img src="@imagePath/xenforo/images/block1.png"/> <!-- THIS IS THE IMAGE GETTING CUT OFF -->
                    </div>
                    </td>
                </tr>
                <tr width="100%">
                    <td>
                    <xen:if is="{$category.description}"><blockquote class="nodeDescription baseHtml">{xen:raw $category.description}</blockquote></xen:if>
                    </td>
                </tr>
            </table>
        </div>