
0
IE 9 Not rendering fully clickable HTML Buttons - Help!
<td align="left" class="button-table" style="padding-top:5px;padding-bottom:0;padding-right:0;padding-left:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;" >
<a href="" style="font-size:16px; font-family:'Lucida Grande', Arial, Helvetica, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;" >
<table width="50%" border="0" cellspacing="0" cellpadding="0" class="responsive-table" style="-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse !important;" >
<tr>
<td bgcolor="#0551a5" align="center" style="padding-top:12px;padding-bottom:12px;-webkit-border-radius:8px;border-radius:8px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;mso-table-lspace:0pt;mso-table-rspace:0pt;font-size:16px; font-family:'Lucida Grande', Arial, Helvetica, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;" >Buy Now </td>
</tr>
</table>
</a>
</td>
The <table> element is overriding the <a> so essentially it's being read as 2 half completed <a> tags rather than one whole one.
I'd recommend using buttons.cm to generate code for you to use.
This is my code for a button. For some reason its not working in IE 9 but the entire button does work in all other clients. My goal here is to have the entire button "clickable" not just the text. But IE 9 is giving me a hard time.