如何鏈接整個（表格）按鈕，而不是單詞？

Question

我正在使用內嵌樣式的電子郵件模板。不幸的是，這個模板中的按鈕沒有鏈接，而只是按鈕中的單詞。

我的問題：我已經鏈接了整個表格，但它在Firefox中看起來不正確（藍色下劃線，左側有一些錯誤的像素）。

如何正確鏈接整個按鈕？

<table border="0" align="center" width="260" cellpadding="0" cellspacing="0" bgcolor="2a99d8" style="border-radius: 5px;" class="main_color"> 

          <tr><td height="13" style="font-size: 13px; line-height: 13px;">&nbsp;</td></tr> 

          <tr> 

           <td> 
            <table border="0" align="center" cellpadding="0" cellspacing="0" style="border-radius: 5px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> 

             <tr> 
              <td align="center" style="color: #ffffff; font-size: 14px; font-weight: 700; font-family:'Roboto', Arial, sans-serif;"> 
               <!-- ======= main section button ======= --> 

               <div style="line-height: 24px;"> 
                <a href="" style="color: #ffffff; text-decoration: none;">FIND OUT MORE</a> 
               </div> 
              </td> 
              <td width="20" align="right"> 
               <img align="bottom" width="6" height="10" style="width: 6px; height: 10px;" src="http://promailthemes.com/raula/img/btn-arrow.png" /> 
              </td> 
             </tr> 

            </table> 

           </td> 

          </tr> 

          <tr><td height="13" style="font-size: 13px; line-height: 13px;">&nbsp;</td></tr> 

         </table> 

Answer 1

把表放在一個包含div並使用JavaScript鏈接到超鏈接div。