I'm trying to fix a design issue on an email template I'm using currently with an HTML button. While the button is properly centered in most email readers, it is stuck to the left in Yahoo Mail. Apparently Yahoo made a change to their policy on align tags and I haven't been able to properly center the button since. 45% of our contacts are Yahoo so this is a major issue. Can anyone suggest something I need to add to get this working again without breaking the email in other readers? Code is below with highlighted button section.

<!DOCTYPE HTML>
<html>
<head><!-- Define Charset --><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><!-- Responsive Meta Tag --><meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700" />
    <title>Dropia - Responsive Email Template</title>
    <!-- Responsive Styles and Valid Styles -->
    <style type="text/css">body{
            width: 100%; 
            background-color: #f7f7f7; 
            margin:0; 
            padding:0; 
            -webkit-font-smoothing: antialiased;
            mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px;
        }
        ul{margin: 0; padding: 0; list-style: none;}
        p,h1,h2,h3,h4{
            margin-top:0;
            margin-bottom:0;
            padding-top:0;
            padding-bottom:0;
        }

        span.preheader{display: none; font-size: 1px;}

        html{
            width: 100%; 
        }

        table{
            border-collapse: separate;
            font-size: 14px;
            border: 0;
        }

        .action-btn{
            width: 120px;
            position: absolute;
            left: 10px;
            top: 35%;
            z-index: 2000;
        }
        #promail li{
            position: relative;
        }

        #promail li:hover{
            border: dashed 1px rgba(0,0,0,0.4);
        }


        .test{
            width: 100%;
            position: relative;
        }

        .test .icon {
            position: absolute;
            top: 2px;
            right: 2px;
        }

        /* ----------- responsivity ----------- */
        @media only screen and (max-width: 640px){
            /*------ top header ------ */
            body[yahoo] .main-header{line-height: 28px !important;}
            body[yahoo] .{line-height: 28px !important;}

            /*----- main image -------*/
            body[yahoo] .main-image img{width: 420px !important; height: auto !important;}

            /*======divider======*/
            body[yahoo] .divider img{width: 440px !important;}

            /*--------- banner ----------*/
            body[yahoo] .banner img{width: 440px !important; height: auto !important;}
            /*-------- container --------*/     
            body[yahoo] .container600{width: 440px !important;}
            body[yahoo] .container590{width: 420px !important;}
            body[yahoo] .container580{width: 400px !important;}

            /*-------- secions ----------*/
            body[yahoo] .section-item{width: 440px !important;}
            body[yahoo] .section-img img{width: 420px !important; height: auto !important;}

            body[yahoo] .vertical-divider{height: 30px !important;}
            body[yahoo] .vertical-divider img{display: none !important;}

            body[yahoo] .editable_img .icon img{
                width: 35px !important;
                height: 27px !important;
            }

        }

        @media only screen and (max-width: 479px){

            /*======top header=======*/
            body[yahoo] .main-section-subheader{font-size: 16px !important;}        
            body[yahoo] .main-section-header{line-height: 30px !important; font-size: 20px !important;}

           /*----- main image -------*/
            body[yahoo] .main-image img{width: 260px !important; height: auto !important;}

            /*======divider======*/
            body[yahoo] .divider img{width: 280px !important;}

            /*--------- banner ----------*/
            body[yahoo] .banner img{width: 280px !important; height: auto !important;}
            /*-------- container --------*/     
            body[yahoo] .container600{width: 280px !important;}
            body[yahoo] .container590{width: 260px !important;}
            body[yahoo] .container580{width: 240px !important;}

            /*-------- secions ----------*/
            body[yahoo] .section-item{width: 280px !important;}
            body[yahoo] .section-img img{width: 260px !important; height: auto !important;}

            body[yahoo] .vertical-divider{height: 30px !important;}
            body[yahoo] .vertical-divider img{display: none !important;}          

            body[yahoo] .footer-item{width: 280px !important;}

            body[yahoo] .editable_img .icon img{
                width: 35px !important;
                height: 27px !important;
            }
        }
    </style>
</head>
<body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0" yahoo="fix"><!--=======preheader======-->
<p><span class="preheader"></span></p>

<table bgcolor="454545" border="0" cellpadding="0" cellspacing="0" class="header_color" width="100%">
    <tbody>
        <tr>
            <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="container600" width="600">
                <tbody>
                    <tr>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td>
                        <table align="left" border="0" cellpadding="0" cellspacing="0" class="container590" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                            <tbody>
                                <tr>
                                    <td align="center">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                            <tr>
                                                <td align="center" contenteditable="true" style="color: #ffffff; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 28px;">Affordable rates for your auto insurance! | <a href="#SPONECLICKOPTOUT" name="optout_1" style="text-decoration:none; color:#FFFFFF;" target="_blank" xt="SPONECLICKOPTOUT">Unsubscribe&nbsp;</a></td>
                                                <td><img alt="" height="1" name="Cont_3" src="https://pixel.monitor1.returnpath.net/pixel.gif?r=4a36989841616eb29353b30bf1e5f65ab18ca20a&c=%%MAILING_NAME%%&s=%%RECIPIENT_ID%%&gender=%%Gender%%&state=%%State%%&adprovidercode=%%AdProviderCode%%&affiliateid=%%AffiliateID%%&MailName=%%MAILING_NAME%%" width="1" /></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <table align="left" border="0" cellpadding="0" cellspacing="0" class="container590" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="5">
                            <tbody>
                                <tr>
                                    <td height="20" style="font-size: 20px; line-height: 20px;" width="5">&nbsp;</td>
                                </tr>
                            </tbody>
                        </table>

                        <table align="right" border="0" cellpadding="0" cellspacing="0" class="container590" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                            <tbody>
                                <tr>
                                    <td align="center">
                                    <table align="center" border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                            <tr>
                                                <td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                <table align="center" border="0" cellpadding="0" cellspacing="0">
                                                    <tbody>
                                                        <tr>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                    <tr>
                        <td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<!--=======end top header=======--><!--=======header=======-->

<table bgcolor="f7f7f7" border="0" cellpadding="0" cellspacing="0" class="body_color" width="100%">
    <tbody>
        <tr>
            <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="container600" height="129" width="584">
                <tbody>
                    <tr>
                        <td height="30" style="font-size: 30px; line-height: 30px;"><img alt="" height="1" name="Cont_3" src="https://pixel.monitor1.returnpath.net/pixel.gif?r=4a36989841616eb29353b30bf1e5f65ab18ca20a&c=%%MAILING_NAME%%&s=%%RECIPIENT_ID%%&gender=%%Gender%%&state=%%State%%&adprovidercode=%%AdProviderCode%%&affiliateid=%%AffiliateID%%" width="1" /></td>
                    </tr>
                    <tr>
                        <td align="center">
                        <table align="left" border="0" cellpadding="0" cellspacing="0" class="container600" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                            <tbody>
                                <tr>
                                    <td align="center">
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" height="78" width="193">
                                        <tbody>
                                            <tr>
                                                <td style="line-height: 40px; text-align: left;"><a href="http://quote.%%SourceDesc%%/Exit/InstantQuotes?qid=%%quote_id_base64%%&adv=270&wsc=%%WSC%%&kw=%%MAILING_NAME%%-%%MAILING_ID%%&refCampaign=AutoTrafficRemarketEngaged2" name="Remarket_Logo" style="display: block; border-style: none !important; border: 0 !important;" target="_blank" xt="SPCLICK"><img alt="logo" border="0" height="40" name="Cont_4" src="http://static.allwebleads.com/email/logo/%%SourceDesc%%.gif" style="display: block;" title="logo" width="187" /></a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

<table bgcolor="f7f7f7" border="0" cellpadding="0" cellspacing="0" class="body_color" width="100%">
    <tbody>
        <tr>
            <td>
            <table align="center" bgcolor="ffffff" border="0" cellpadding="0" cellspacing="0" class="container600 bg_color" style="border: 1px solid #ebebeb;" width="600">
                <tbody>
                    <tr>
                        <td>
                        <table align="center" border="0" cellpadding="0" cellspacing="0" class="container590 bg_color" width="580">
                            <tbody>
                                <tr>
                                    <td height="10" style="font-size: 10px; line-height: 10px; text-align: center;">&nbsp;<span style="color: rgb(67, 67, 67); font-family: 'Open Sans', Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 28px; text-align: -webkit-center;">%%FirstName%%, Have You Found the Best Rates Yet?</span></td>
                                </tr>
                                <tr>
                                    <td align="center" class="main-image"><a href="http://quote.%%SourceDesc%%/Exit/InstantQuotes?qid=%%quote_id_base64%%&adv=270&wsc=%%WSC%%&kw=%%MAILING_NAME%%-%%MAILING_ID%%&refCampaign=AutoTrafficRemarketEngaged1" name="Remarket_Banner_1" style="display: block; border-style: none !important; border: 0 !important;" target="_blank" xt="SPCLICK"><img alt="%%SourceDesc%%" height="200" name="Cont_4" src="http://static.allwebleads.com/images/email/pigWithMoney.jpg" title="%%SourceDesc%%" width="580" /></a></td>
                                </tr>
                                <tr>
                                    <td height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>
                                    <table align="center" bgcolor="ffffff" border="0" cellpadding="0" cellspacing="0" class="container590 bg_color" width="540">
                                        <tbody>
                                            <tr>
                                                <td align="center" class="text_color" contenteditable="true" style="color: #b4b4b4; font-size: 16px; font-family: 'Open sans', Arial, sans-serif; mso-line-height-rule: exactly; line-height: 30px;">
                                                <div style="line-height: 30px;"><span style="color: rgb(128, 128, 128);">Thanks again for using us to save money on your insurance. The average consumer compares at least 3 quotes to receive the best rates. Click below to see additional quotes from top carriers.</span></div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>
>                                   <table align="center" bgcolor="f67d71" border="0" cellpadding="0" cellspacing="0" class="main_color" style="border-radius: 20px; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" width="140">
>                                       <tbody>
>                                           <tr>
>                                               <td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td>
>                                           </tr>
>                                           <tr>
>                                               <td align="center" style="color: #ffffff; font-size: 14px; font-weight: 600; font-family:'Open Sans', Arial, sans-serif;">
>                                               <div><a href="http://quote.%%SourceDesc%%/Exit/InstantQuotes?qid=%%quote_id_base64%%&adv=270&wsc=%%WSC%%&kw=%%MAILING_NAME%%-%%MAILING_ID%%&refCampaign=AutoTrafficRemarketEngaged1" name="Remarket_Button_1" style="color: #f5f5f5; text-decoration: none;" target="_blank" xt="SPCLICK">Get My Quotes</a></div>
>                                               </td>
>                                           </tr>
>                                           <tr>
>                                               <td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td>
>                                           </tr>
>                                       </tbody>
>                                   </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong><span style="font-size:18px;"><span style="color:rgb(255, 153, 0);"></span></span></strong></td>
                                </tr>
                                <tr>
                                    <td style="text-align: center;" valign="center"><strong><span style="font-size:18px;"><span style="color:rgb(255, 153, 0);"></span></span></strong></td>
                                </tr>
                                <tr>
                                    <td height="40" style="text-align: center;">&nbsp;</td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

<table bgcolor="f7f7f7" border="0" cellpadding="0" cellspacing="0" class="body_color" width="100%">
    <tbody>
        <tr>
        </tr>
    </tbody>
</table>

<table border="0" cellpadding="0" cellspacing="0" class="header_color" width="100%">
    <tbody>
        <tr>
            <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="container600 header_color" width="600">
                <tbody>
                    <tr>
                        <td>
                        <table align="left" border="0" cellpadding="0" cellspacing="0" class="container590" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                            <tbody>
                                <tr>
                                    <td align="center">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                            <tr>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <p>&nbsp;</p>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

<table bgcolor="454545" border="0" cellpadding="0" cellspacing="0" class="header_color" width="100%">
    <tbody>
        <tr>
            <td>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="container600 header_color" width="600">
                <tbody>
                    <tr>
                        <td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td>
                    </tr>
                    <tr>
                        <td>
                        <table align="left" border="0" cellpadding="0" cellspacing="0" class="container590" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                            <tbody>
                                <tr>
                                    <td align="center">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tbody>
                                            <tr>
                                                <td align="center" contenteditable="true" style="color: #f7f7f7; font-size: 13px; font-family: 'Open Sans', sans-serif; mso-line-height-rule: exactly; line-height: 28px;"><span style="font-size: 10px;"><span style="color: rgb(153, 153, 153);">This email was delivered to %%EMAIL%%, in reference to a quote you requested at %%SourceDesc%%.&copy;All Web Leads - 7300 FM 2222, Bldg 2 Ste 100, Austin TX, 78730 |&nbsp;</span></span><span style="font-size: 9px;"><span style="font-size: 12px;"><span style="color: rgb(153, 153, 153);"><span style="font-size:10px">You can <a href="#SPONECLICKOPTOUT" name="optout" style="color: rgb(153, 153, 153);" target="_blank" xt="SPONECLICKOPTOUT">unsubscribe</a> instantly.</span></span></span></span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <p>&nbsp;</p>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>

<p>&nbsp;</p>
</body>
</html>