问个简单的有关问题啊加了H2标签后标题文字后面空白区域为什么还能点击

问个简单的问题啊,加了H2标签后标题文字后面空白区域为什么还能点击？
给文章标题加了H2标签，结果标题结束了，后面的大片空白区域还可以点击链接，

HTML code

<TR>
<td class=INDEX4>
<a href="123.html"><H2>文章标题</H2></a>
</td>
</TR>

依照论坛里朋友的建议，CSS里H2加了 display:inline-block;属性， 结果jsfiddle.net中测试没问题，

但在我的网站中（在IE浏览器）却还是老样子，只是空白区域的鼠标手势变回正常了，但仍然可以点击。

(360浏览器加了此属性后正常了，而且标题下没有下划线了)

CSS code

.index4 h2 {
        display:inline-block;
    FONT-SIZE: 14px; 
    FONT-FAMILY: "宋体", "Verdana", "Arial", "Helvetica";
    LINE-HEIGHT: 20px;
    font-weight: normal;
        line-height:25px;
    margin:0;
    padding:0;}

我的网站是http://www.pingyao8.com/

请大家帮忙诊断下（用IE打开）

------解决方案--------------------
<!--[if lt IE 8]>
<style>
h2, font, a{ display:inline; zoom:1;overflow:hidden;}
</style>
<![endif]-->