Z-index超过img？

Question

请考虑此页面http://www.bloodbone.ws/screwed.html

我需要能够将a.grow元素扩展为div.column-header的维度，这样，如果您定位到div中的任何位置，则整个区域都是可点击的。

它适用于Firefox + Safari，但我无法在任何IE浏览器中使用它。

h2和img元素总是会破坏a.grow，因此有些区域无法点击。

我已经尝试了我能想到的一切，添加zoom: 1等无济于事。

h2和img必须是可见的，但任何悬停在该区域上的鼠标都应该是可点击的。

Answer 1

要让它“SEO兼容”，你有两个选择：

1. Aplly几个锚标签，涵盖所有div;
2. 使用像JQuery这样的框架来使div可点击（当点击时跟随锚点href），并将div中的锚点用于搜索引擎优化目的。

Answer 2

将

    <div class="column-header">
        <a class="grow" href="http://www.google.com">Google</a>     
        <h2>What's On</h2>
        <a href="http://www.google.com">
            <img src='http://www.bloodbone.ws/images/mainHeader.jpg' alt='boo' />
        </a>
    </div>

办？