Ah, but I have an answer for that! Take a look, I updated my post: http://www.in...

yuhong · on March 8, 2014

In fact, just did a more complete version that works in IE too:

  <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word">
  <head>
  <!--[if !mso]>
  <style>
  v\:* {behavior:url(#default#VML);}
  o\:* {behavior:url(#default#VML);}
  w\:* {behavior:url(#default#VML);}
  .shape {behavior:url(#default#VML);}
  </style>
  <![endif]-->
  </head>
  <body>
  <div>
  <!--[if vml]>
  <v:roundrect href="http://www.EXAMPLE.com/" style="height:40px;v-text-anchor:middle;width:300px;" arcsize="10%" stroked="f" fillcolor="#d62828">
    <w:anchorlock/>
  <v:textbox>
    <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
      Button Text Here!
    </center>
  </v:textbox>

  </v:roundrect>
  <![endif]-->
  <!--[if !vml]> <!-->
  <table cellspacing="0" cellpadding="0"> <tr> 
  <td align="center" width="300" height="40" bgcolor="#d62828" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
    <a href="http://www.EXAMPLE.com/" style="color: #ffffff; font-size:16px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
      Button Text Here!
    </a>
  </td> 
  </tr> </table> 
  <!-- <![endif]-->
  </div>

eli · on March 8, 2014

Interesting! So this would be for rounded corners on IE8 or worse? (I think 9 supports border-radius, right?) Bummer that it requires adding styles to the head.

yuhong · on March 8, 2014

You may want to use <!--[if vml]> instead of <!--[if mso]>, and test the content with IE8 as well as Word.

ameister14 · on March 8, 2014

Hahaha, awesome. This is what makes me come back to the hn community time and time again. Thanks for the update.