I don't think this should be too complicated. There's a white bar above the image. I want to remove the white bar and leave the preheader aligned to the left. When I remove the white bar the preheader aligns center and it's driving me nuts. I have very limited HTML skills. I'd love if someone could help me solve this. Thanks!!

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Smartx Mail</title>

    <style type="text/css">

        body {margin:0; padding:0; background-color:#dddddd; color:#777777; font-family:Arial, Helvetica, sans-serif; font-size:12px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; width:100% !important;}
        a, a:link, a:visited {color:#1a8902; text-decoration:underline;}
        a:hover, a:active {text-decoration:none; color:#006ca4 !important;}
        h1, h2 {padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; color:#1a8902 !important;}
        p {margin:0 0 14px 0; padding:0;}
        img {border:0; -ms-interpolation-mode: bicubic; max-width:100%;}
        a img {border:none;}
        table td {border-collapse:collapse;}    

        /* Classes */
        .iconContainer, .icon {background-color:#ffffff;}
        .imgContainer, .authorPicture {background-color:#f4f4f4;}
        .highlighted {color:#1a8902;}
        /* / Classes */

        /* Clients specific styles */
        .ReadMsgBody {width: 100%;}
        .ExternalClass {width: 100%;}
        .yshortcuts {color: #777777;}
        .yshortcuts a span {color: #777777; border-bottom: none !important; background: none !important; text-decoration:none !important;}
        /* / Clients specific styles */

        /* Media queries */
        @media only screen and (max-width: 640px) {
                table[class=row] {width:580px !important;}
        }
        @media only screen and (max-width: 610px) {
                table[class=row] {width:570px !important;}
                td[class=container] {padding:0px !important;}
        }
        @media only screen and (max-width: 540px) {
                table[class=row] {width:510px !important;}
                td[class=oneFromFour] {font-size:14px !important; line-height:15pt !important;}
        }
        @media only screen and (max-width: 480px) {
                table[class=row] {width:450px !important;}
                td[class=oneFromTwo], td[class=twoColumns] {display:block; width:100% !important; padding-right:0px !important; padding-left:0px !important;}
                td[class=column] {display:block; width:390px !important; padding-right:30px !important; padding-left:30px !important;}
                td[class=website] {display:block; width:390px !important; padding:15px 30px 15px 30px !important; text-align:center;}
                td[class=socialIcons] {display:block; width:390px !important; padding:0px 30px 15px 30px !important; text-align:center !important;}
                img[class=phoneIcon] {display:none !important;}
                table[class=quoteContainer] {width:190px !important;}
        }
        @media only screen and (max-width: 360px) {
                table[class=row] {width:340px !important;}
                td[class=column], td[class=website], td[class=socialIcons] {width:280px !important;}
                td[class=logo] {display:block; width:280px !important; padding-bottom:30px !important; padding-right:30px !important; padding-left:30px !important;}
                td[class=phone] {display:block; width:280px !important; padding:9px 30px 13px 30px !important; text-align:left !important; background-color:#f4f4f4;}
                td[class=phone2] {display:block; width:280px !important; padding:8px 30px 8px 30px !important; text-align:left !important; border-top:1px solid #f4f4f4;}
                div[class=phoneNumber] {display:inline-block; margin-left:3px !important; font-size:12px !important; line-height:100% !important;}
                td[class=icon] {padding-top:10px !important; padding-bottom:10px !important;}
                table[class=quoteContainer] {width:140px !important;}
                table[class=quoteContainer] td {font-size:12px !important; line-height:15pt !important;}
                td[class=footer] {padding:0px 0px 25px 0px !important; text-align:left !important;}
        }
        @media only screen and (max-width: 320px) {
                table[class=row] {width:300px !important;}
                td[class=column], td[class=website], td[class=socialIcons], td[class=logo], td[class=phone], td[class=phone2] {width:240px !important;}
                table[class=quoteContainer] {width:100% !important; border-bottom:1px solid #eeeeee; margin-bottom:20px;}
                table[class=quoteContainer] td {padding-left:0px !important;}
                td[class=quoteAuthor] {padding-bottom:20px !important;}
        }
        @media only screen and (max-width: 240px) {
                table[class=row] {width:220px !important;}
                td[class=column], td[class=logo], td[class=phone], td[class=phone2] {width:160px !important;}
                td[class=oneFromFour] {display:block; width:100% !important; padding-right:0px !important; padding-left:0px !important;}
                td[class=website], td[class=socialIcons] {width:220px !important; padding-right:0px !important; padding-left:0px !important;}
                td[class=website] {font-size:18px !important;}
                img[class=wideImage] {width:100% !important;}
                table[class=iconContainer], table[class=imgContainer] {width:100% !important;}
                td[class=icon], td[class=authorPicture] {padding-right:0px !important; padding-bottom:20px !important; text-align:center;}
                td[class=icon] img, td[class=authorPicture] img {display:inline !important;}
        }
        /* / Media queries */

    </style>
    </head>
    <body ><table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; background-color:#dddddd; " ><tr ><td class="container" style="padding-left:15px; padding-right:15px; " ><table class="row" max-width="610" bgcolor="#FFFFFF" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; text-align:left; border-spacing:0; max-width:610px; margin-left:auto; margin-right:auto; " ><tr ><td width="50%" bgcolor="#DDDDDD" style="padding-top:20px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#777777; text-align:left; -webkit-text-size-adjust:none; " ><div class="mktEditable" id="preheader" >Introducing UserTesting's 2015 UX Industry Survey</div>
    </td>
    <td width="50%" bgcolor="#DDDDDD" style="padding-top:20px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:100%; color:#777777; text-align:left; -webkit-text-size-adjust:none;"></td>
    </tr>
    <tr>
    <td width="50%" height="5" valign="top" style="font-size:2px; line-height:0px;"><img alt="" src="http://info.usertesting.com/rs/usertesting/images/borderTopLeft.png" width="5" height="5" align="left" vspace="0" hspace="0" border="0" style="display:block; margin:0;"></td>
    <td width="50%" height="5" valign="top" style="font-size:2px; line-height:0px;"><img alt="" width="5" height="5" align="right" vspace="0" hspace="0" border="0" style="display:block; margin:0; background-color:#dddddd"></td>
    </tr>
    <tr>
    <td width="100%">
    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; text-align:left; border-spacing:0; max-width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; color:#777777;">         </table>
    </td>
    </tr>
    </table>
    <div class="mktEditable" id="content1" style="max-width:610px; margin-left:auto; margin-right:auto; " ><table class="row" style="border-collapse: collapse; text-align: left; border-spacing: 0; max-width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#FFFFFF">
    <tbody>
    <tr>
    <td style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 100%; text-align: center; color: #0c87c7;" colspan="2" width="100%"><a href="https://www.surveymonkey.com/r/GYG3DJR" target="_blank"><img src="http://info.usertesting.com/rs/709-WMS-542/images/UT_Email_Banner_Optimizely Virtual Experience Follow Up-01.png" alt="You're invited to take the 2015 UX Industry Survey!" width="621" height="166" constrain="true" imagepreview="false">      </a>&nbsp;</td>
    </tr>
    <tr>
    <td style="font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; line-height: 15pt; color: #777777; padding: 14px 30px 25px 30px;" colspan="2" width="100%">
    <div dir="ltr" style="color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;"><span style="font-size: 14px;"><span style="font-family: Arial; color: #333333; font-weight: 400; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap; background-color: #ffffff;">We partnered with Optimizely to bring you this week's Virtual Experience. To help you fearlessly optimize your website or app, we&rsquo;re giving away free UserTesting credits! <strong><a href="https://www.usertesting.com/users/sign_up?client=trueutm_source=marketo&amp;utm_medium=email&amp;utm_content=followup&amp;utm_campaign=Optimizely+Virtual+Experience" target="_blank" style="color: #0064be; text-decoration: underline;">Create an account</a> and use the gift code 'fearless' to receive a free user test today.</strong></span></span><br>
    <br>
    <img src="http://info.usertesting.com/rs/709-WMS-542/images/UT_take-the-survey_Button-150x55.png" alt="Take the survey!" width="auto" height="auto"></div>
    ```