I have come across an issue with the browser versions of Office and Outlook. When making an outlined button it for some reason move that to the next table cell. Does anyone know if there is a work around, other than making an image or is this a MS render issue?

We are going with the full background color button but are curious if somebody got a solution to this issue. So no rush :)

How it looks like - and should look like:

Browser versions of Office and Outlook:

                                    <td align="center" valign="top" style="padding: 0 0 35px 0;">
<!-- button outlined BEGIN -->
                                    <div><!--[if mso]>
                                    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" strokecolor="#2196f3" fillcolor="#ffffff">
                                        <center style="color:#2196f3;font-family:sans-serif;font-size:13px;font-weight:bold;">Explorer the opportunities</center>
                                    <![endif]--><a href="#"
                                    style="background-color:#ffffff;border:1px solid #2196f3;border-radius:4px;color:#2196f3;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;mso-hide:all;">Explorer the opportunities</a></div>
<!-- button outlined END -->
                                    <td align="center" valign="top" style="padding: 0 0 10px 0; text-align:center; max-width: 730px;" width="100%"><img src="http://images.response.unity3d.com/EloquaImages/clients/Unity/%7Bb42e0612-6c66-43c0-ac9d-162be0b2781b%7D_divider_line_vertical_blue.jpg" style="width: 2px !important; height: 60px !important;" width="2" height="60"></td>