为什么在ie6、7下链接的字只显示半截?该怎么解决

为什么在ie6、7下链接的字只显示半截?

HTML code

<style type="text/css">.TopRight{float:left;margin-left:10px;height:240px;width:535px;border:1px solid #edd8b0;}.TopRight a{text-decoration:none;color:#F5FFFA;}.TopRight .item{float:left;width:170px;height:115px;margin-left:3px;margin-top:2px;border:1px solid #e0e0e0;}.TopRight .item a{display:block;}.TopRight .item .pd_pic {float:left; height:50px; width:168px;}.TopRight .item .pd_info {float:left; padding-left:5px;margin-top:15px;}.TopRight .item .pd_info a{color:#FF7F00;}.TopRight .item .pd_info a:hover{text-decoration:underline;}.TopRight .item h3{line-height:2px; font-size: 15px; font-weight:lighter; color: #1a66b3;margin-bottom:15px; }.TopRight .item h4{ line-height:2px;font-size:12px;font-weight:lighter;margin-bottom:15px;}</style><div class="TopRight"><div class="item">   <table>      <tr><td><div class="pd_pic"><a href="" target="_blank" title=""><IMG src="./logo/mylogo.jpg"></a></div></td></tr>      <tr><td><div class="pd_info"><h3><a href="" target="_blank" title="英雄岛">英雄岛</a></h3><h4>英雄岛</h4><h4>帝国</h4></div></td></tr>    </table></div></div>

CSS code

.TopRight .item h3{line-height:150%;font-size:15px; font-weight:lighter; color: #1a66b3;margin:0;padding:0;}.TopRight .item h4{line-height:150%;font-size:12px;font-weight:lighter;margin:0;padding:0;}
[解决办法]
行高设置小了
[解决办法]
探讨


行高设置小了

[解决办法]
探讨


引用:

行高设置小了

++