Hello,

I noticed that there is a large white-space above the email inYahoo(firefox,chrome) and all browsers of Gmail. I was wondering how I can fix this issue.

Thanks

        <style type="text/css">
            td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.231;}
            li {line-height:1.3em; padding-bottom:3px;}
            a:link {color:#003768;}
            a:visited {color:#003768;}
            a:hover {color:#003768;}
            a:active {color:#003768;}
            @media only screen and (max-width: 480px) {
            body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
            body #container {width: 300px !important; margin:0 10px !important;}
            body td.content-cell {display: block !important; padding: 0 10px 0 10px !important; width:300px !important; clear: both!important; float: left!important; }
            body img {max-width: 320px!important; height: auto !important; margin:0 auto !important;}
            body img.banner {width: 320px !important; max-width: 320px !important;}
            body .break {display: block; line-height: 0; font-size: 0; margin: 0 0 5px;}
            body .iosGutters {text-indent: 0 !important; display: block !important; width: 10px !important;}
            body .no-mobile {text-indent: -99999em !important; display: none !important;}
            body td.esrb {padding:0 0 20px 0 !important;}
            body .view-as {display:block !important; padding:5px 0 !important;}
            body .mobile-only {text-indent: 0 !important; display: block !important; width: 100% !important; height: auto !important; visibility:
            visible !important; overflow: visible !important; max-height: none !important;}
            body .icon-container {border-top: 1px solid #d9d9d9 !important;}
            body .main-text {font-size: 12px !important; line-height: 16px !important;}
            body .bottom-button {padding: 0 0 20px 0 !important;}
            .mobileimg {width: 190px;}
            }
        </style>
    </head>
    <body class="bg" yahoo="fix" style="margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.231;
        -webkit-text-size-adjust: none; background:#ffffff;" bgcolor="#ffffff"><custom name="opencounter" type="tracking"></custom>
        <table bgcolor="#ffffff" align="center" cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr>
                <td align="center" width="100%" id="iosWrapper" bgcolor="#ffffff">
                    <table id="container" width="642" cellpadding="0" cellspacing="0" border="0" style="text-align: left; width: 642px; margin: 0 auto;
                        padding: 0;" align="center">
                        <tr>
                            <td>
                                <table cellpadding="0" cellspacing="0" border="0" width="100%" id="content" align="center" style="text-align: left;">
                                    <tr>
                                        <td>
                ![                          <table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding-top:5px;">


                                                <tr>
                                                    <td width="5%">&#160;</td>
                                                    <td width="95%" align="center" style="padding: 5px 0 10px 0; font-size: 10px; color: #666666; font-weight: bold; line-height: 16px;"><div class="mobile-only" style="display: none; width: 0px; overflow: hidden; height: 0px;">A message from Liberty Mutual Insurance to <span ph="Group_Type">[a/an employee/member/alum]</span>&#160;of <span ph="Affinity_Name">[Affinity Name]</span></div></td>
                                                </tr>


                                                <tr>
                                                    <td width="5%">&#160;</td>
                                                    <td width="95%" align="center" class="snippet" style="padding: 5px 0 10px 0; font-size: 10px; color: #a9a8a8; font-weight: bold; line-height: 16px;"><a ph="p2" href="http://libertymutual.hosting.exacttarget.com/unsubscribe/default.aspx" target="_blank" style="color: #003768; text-decoration: none; font-family: Arial, sans-serif; font-size: 10px; font-weight:normal;"><span ph="p4"></span></a> <span style="color:#616161;"><span ph="p5"></span><a href="%%view_email_url%%" name="webview" xt="SPCLICKTOVIEW" target="_blank" style="color: #003768; text-decoration: none; font-size:10px; font-family:Arial, sans-serif; font-weight:normal;">View as Webpage</a>&#160;&#160;&#160;</span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                            <!-- LMI Header -->