Basically I have a table that displays correct in the browser, however in outlook it doesn't display the correct padding.

should I be using an IF MSO rule somewhere, and if so where exactly in my code do i put this?

or should I instead be nesting more tables within tables?

my code is below and here is an image comparison of what it looks like in Chrome vs Outlook


<doctype html>

<html>

<!---------- LOGIN FORM ---------->

            <tr width="100%";>
                <td style="background-color: #fff;">


                    <table class="login-table" width="500px" height="136px" cellspacing="20px" style=" font-style:normal; font-family:Arial, Helvetica, sans-serif; mso-ascii-font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 10.53pt; background-color: #e6e6e6; margin:auto; text-align: center; height:136px;" align="center">


                        <!-- Login & Password -->
                        <tr>
                            <td colspan="4">
                                <table width="100%">
                                    <tr height="40px";>
                                        <td width="50px" style="text-align: center;width:50px;  mso-ascii-font-family: Arial, Helvetica, sans-serif;">Login:</td>
                                        <td width="200px" style="text-align: center; background-color: #fff; color: #7e7e7e;width:200px; mso-ascii-font-family: Arial, Helvetica, sans-serif;">###</td>
                                        <td width="75px" style="text-align: center;width:75px; mso-ascii-font-family: Arial, Helvetica, sans-serif;">Password:</td>
                                        <td width="200px" style="text-align: center; background-color: #fff; color: #7e7e7e;width:200px; mso-ascii-font-family: Arial, Helvetica, sans-serif;">###</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>



                        <!-- Renew Now -->
                        <tr>
                            <td colspan="4";>
                                <table style="width:100%;"> 
                                    <tr height="40px">
                                        <td></td>
                                        <td bgcolor="#9f1b32" style="width:200px; color: #fff;font-weight: bold; font-size:12px;text-align:center;text-decoration:none; mso-ascii-font-family: Arial, Helvetica, sans-serif;">RENEW NOW ></td>
                                        <td></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>




                    </table> 

                </td>
            </tr>  


</html>