问个简单的有关问题啊加了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]-->

查看更多 下一篇