鏈接在IE中不可點擊

Question

更新： JS小提琴此問題：http://jsfiddle.net/Ey4aH/2/，在IE中運行並查看問題。

我正在使用下面的代碼，它是菜單集的一部分。

<div class="profile-menu"> 
       <ul> 
       <li><a class="current" href="javascript:void('0');"> 
        <table width="153" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td width="22"><img src="images/about-icon.png" width="16" height="16" /></td> 
         <td width="135">About</td> 
        </tr> 
       </table> 
        </a> </li> 
       <li><a href="/friend/viewfriends/<%=temp.getString("user_id")%>"> 
        <div><table width="153" border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
         <td width="22"><img src="images/friends-icon.png" width="16" height="16" /></td> 
         <td width="135">Friends</td> 
        </tr> 
       </table></div> 
       </a> 
       </li></ul></div> 

這適用於其他瀏覽器，但在IE中，當我嘗試點擊朋友文本鏈接，它不工作。但是當我點擊圖標時，它工作正常。任何人都可以幫我找到問題所在。

Answer 1

如果您不使用<a>標籤中的表格會更好。
但在每個<td>元素內使用<a>標籤。

Answer 2

看起來好像您在使用表格顯示內容時，表格只能用於顯示錶格數據。

'A'標籤不能包含表格或其他塊級別元素，並且期望在所有瀏覽器中都能很好地播放。

最好的解決方案是在不使用表格的情況下重新創建設計。

或者，您可以通過使用javascript在桌面上啓用點擊來實現您想要做的事情。

HTML5允許的塊級元素中 'A' 標籤包裹：

http://davidwalsh.name/html5-elements-links