Gmail adding padding

Hi folks,

Just wondering if anyone can help me understand why Gmail is adding some mega padding to my titles and cells? And if anyone has a cure then I'd be grateful. One of the last pieces of the puzzle for this design.

This is what it should look like. And this is what Gmail does to it

Here is the code:

<html>
<head>
<style type="text/css">

body {
color:#333333;
font-family: Arial, Sans-Serif;
font-size: 11px;
background-color: #BEBFC1;
}

body td {
color:#333333;
font-size: 11px;
font-family: Arial, Sans-Serif;
}

.empty {
line-height:1px;
font-size:1px;
}

img {
display:block;
}

.topamble {
font-size: 10px;
line-height: 10px;
padding: 0 0 7 0;
}

.topamble a{
color:#007CC9;
}

.topamble a:hover{
text-decoration: underline !important;
}

table.header {
background-color: #4D4D4D;
border-right: solid;
border-right-color: #9FA0A3;
border-right-width: 1px;
border-bottom: none;
border-left: none;
border-top: none;
}

.toc {
background-color:#E5F2F9;
}

.toc h3 {
color: #000000;
font-size: 16px;
line-height: 16px;
margin-bottom: 7;
}

td.toc p {
color: #666666;
font-weight: normal;
font-size: 12px;
line-height: 13px;
}

table.main_content {
border-width: 0px 1px 2px 0px;
border-top: 0px;
border-color: #9FA0A3;
border-style: solid;
background-color: #fff;
text-align: left;
}

.main_content td a{
color:#333333;
text-decoration: none;
font-weight: bold;
}

.main_content td a:hover{
text-decoration: underline !important;
}

#main_article_header {
font-family: Times New Roman, Georgia, Times, Serif;
font-weight: normal;
color: #4D4D4D;
font-size: 24pt;
line-height: 26pt;
margin: -5px 0 0 0;
padding: 0 0 4 0;
}

#repeater_article_header {
margin: 6 0 0 0;
font-family: Times New Roman, Georgia, Times, Serif;
font-weight: normal;
color: #4D4D4D;
font-size: 24pt;
line-height: 26pt;
padding: 0 0 4 0;
}

.article_table p{
line-height: 160%;
color: #4D4D4D;
font-size: 12px;
margin-top: 5;
}

.left_column_inner {
line-height: 140%;
color: #4D4D4D;
}

.left_column {
border-right: solid;
border-right-width: 1px;
border-right-color: #CCCCCC;
}

.album_container_table img{
padding: 1px;
border: 1px solid #B3B3B3;
}

.album_container_table p {
font-size: 11px;
line-height: 125%;
padding: 0 0 0 0;
margin: 6 0 0 0;
color: #666666;
}

h1 {
color:#F2F2F2;
font-size: 16px;
font-family: Helvetica Neue, Helvetica, Arial, Sans-Serif;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 1 0;
}

h2 {
font-family: Times New Roman, Georgia, Times, Serif;
font-weight: normal;
color: #4D4D4D;
font-size: 24pt;
line-height: 26pt;
margin: 0 0 0 0;
padding: 0 0 1 0;
}

h3 {
color: #007CC2;
font-family: Helvetica Neue, Helvectica, Arial, Sans-Serif;
font-weight: normal;
font-size: 15pt;
}

h4 {
font-family: Helvetica Neue, Helvectica, Arial, Sans-Serif;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 110%;
font-size: 11px;
font-weight:bold;
color: #000000;
}

h5 {
font-family: Helvetica Neue, Helvectica, Arial, Sans-Serif;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 110%;
font-size: 11px;
font-weight:normal;
color: #000000;
}


#lower_content_stripe {
background-color: #4D4D4D;
background-image: url(images/fade_stripe.jpg;);
background-repeat: repeat-y;
}

#lower_content_container {
background-color: #E5E5E5;
}

#lower_content_table h4 {
font-family: Helvetica Neue, Helvectica, Arial, Sans-Serif,
padding: 0 0 0 0;
margin: 11 0 6 0;
line-height: 110%;
font-size: 14px;
font-weight:bold;
color: #157EC1;
}

#lower_content_table h4 a{
color: #157EC1;
}

#lower_content_table p {
font-size: 11px;
line-height: 140%;
padding: 0 0 0 0;
margin: 6 0 0 0;
color: #666666;
}

.legal{
height: 80px;
}

.legal td{
color: #4D4D4D;
font-size: 11px;
line-height:15px ; 
padding: 0;
}

.legal td a{
color: #4D4D4D;
}

.legalbg {
background-image: url();
background-position: bottom;
background-repeat: no-repeat;
}






</style>
</head>

<body>
<!-- Centering Table-->
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="621" align="center" bgcolor="#BEBFC1">
                <table width="621" border="0" cellspacing="0" cellpadding="0" class="outer_container">
                       <tr>
                        <td width="621" height="10" class="empty" >&nbsp;</td>
                    </tr>
                    <tr>
                        <td width="621">
                            <table width="621" cellspacing="0" cellpadding="0" class="header">
                                <tr>
                                    <td width="621" height="4" colspan="4" class="empty">&nbsp;</td>
                                </tr>
                                <tr valign="middle">                                    
                                    <td width="11" class="empty" >&nbsp;</td>
                                    <td width="435" valign="middle" align="left"><h1>Linn Records <span style="color:#BEBFC1;"><$title link='true' default='News and Latest Releases'$></span></h1></td>
                                    <td width="160" valign="middle" align="right">
                                         <webversion style="color:#BEBFC1; font-size:11px; padding-right:2px; font-family: Helvetica, Arial, Sans-Serif; text-decoration:none;">View in Browser</webversion> | <unsubscribe style="color:#BEBFC1; font-size:11px; padding-left:2px; font-family:Helvetica, Arial, Sans-Serif; text-decoration:none;">Unsubscribe</unsubscribe></td>
                                    <td width="14" class="empty" >&nbsp;</td>
                                </tr>
                            </table></td>
                    </tr>
                    <tr>
                        <td width="620"><img src="<$imagesrc link='true'$>" width="620" style="border-right: solid 1px #9FA0A3; border-bottom:none;"><td>
                    </tr>
                    <tr>
                        <td width="620">
                            <table align="center" width="620" cellspacing="0" cellpadding="0" class="main_content">
                                <tr>
                                    <td width="620" height="15" class="empty" colspan="2" >&nbsp;</td>
                                </tr>
                                <tr>
                                    <td width="364" class="left_column" valign="top">
                                        <table width="364" class="article_table" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td width="364">
                                                    <table width="364" class="left_column_inner" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td width="15" class="empty">&nbsp;</td>
                                                            <td width="330"><p id="main_article_header"><$title default='Enter Headline Title Here'$></p><$description default='<p>Enter body content here</p>'$></td>
                                                            <td width="15" class="empty">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="15" height="40" colspan="3" class="empty">&nbsp;</td>
                                                        </tr>
                                                    </table></td>
                                            </tr>
                                        <repeater toc='true'>
                                            <tr>
                                                <td width="364">
                                                    <table width="364" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="364"><img border="0" src="<$imagesrc link='true'$>" width="350"></td>
                                                        </tr>
                                                        <tr>    
                                                            <td width="364">
                                                                <table width="364"  class="left_column_inner" cellpadding="0" cellspacing="0">
                                                                    <tr>
                                                                        <td width="15">&nbsp;</td>
                                                                        <td width="330"><p id="repeater_article_header"><$title default='Enter Another Title Here'$></p><$description default='<p>Enter body content here</p>'$></p>
                                                                        <td width="15" class="empty" >&nbsp;</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td width="365" height="40px" class="empty" colspan="3" >&nbsp;</td>
                                                                    </tr>
                                                                </table></td>
                                                        </tr>
                                                    </table></td>
                                            </tr>
                                        </repeater>
                                        </table></td>
                                    <td width="255" class="right_column_outer" valign="top">
                                        <table width="255" class="right_column_inner" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td width="15" class="empty" >&nbsp;</td>
                                                <td width="240" height="6" class="empty" colspan="2" bgcolor="#157EC1" >&nbsp;</td>
                                            </tr>
                                            <tr valign="top">
                                                <td width="15" class="empty" >&nbsp;</td>
                                                <td width="240" class="toc" colspan="2">
                                                    <table width="240" cellpadding="0" cellspacing="0">
                                                        <tr><td width="240" height="5" colspan="3"></td></tr>
                                                        <tr>
                                                            <td width="10" height="15" class="empty">&nbsp;</td>
                                                            <td width="220" height="1" class="toc"><h3>IN THIS NEWSLETTER</h3></td>
                                                            <td width="10" height="15" class="empty">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td width="240" height="4" colspan="3" class="empty">&nbsp;</td>
                                                        </tr>
                                                        <repeater>
                                                            <tr>
                                                                <td width="240" colspan="3">
                                                                    <table width="240" cellpadding="0" cellspacing="0">
                                                                        <tr>
                                                                            <td width="10"></td>
                                                                            <td width="220"><p><$title default='Put table-of-contents items here'$></p></td>
                                                                            <td width="10" class="empty">&nbsp;</td>
                                                                        </tr>
                                                                        <tr>
                                                                        <td width="240" height="7" class="empty" colspan="3">&nbsp;</td>
                                                                        </tr>
                                                                    </table></td>
                                                            </tr>
                                                        </repeater>
                                                            <tr>
                                                                <td width="240" height="6" colspan="4" class="empty">&nbsp;</td>
                                                            </tr>
                                                    </table></td>
                                            </tr>
                                            <tr>
                                                <td width="255" height="15" class="empty" colspan="3">&nbsp;</td>
                                                
                                            </tr>
                                            <tr>
                                                <td width="15" class="empty">&nbsp;</td>
                                                <td width="225"><h3><$title link='true' default='Right Column Header 1'$></h3>
                                                    <table width="225" class="album_container_table" cellpadding="0" cellspacing="0">
                                                        <repeater>
                                                            <tr>
                                                                <td width="225">
                                                                    <table width="225" border="0" cellspacing="0" cellpadding="0">
                                                                        <tr valign="top">
                                                                            <td width="76"><img src="<$imagesrc link='true'$>" width="76px" height="76px"></td>
                                                                            <td width="9" class="empty">&nbsp;</td>
                                                                            <td width="140" ><h4><$title link='true' default='Enter Artist Name Here'$></h4><$description default='<h5>Enter Album Title Here</h5><p>Enter a short album description </p>'$></td>
                                                                        </tr>
                                                                        <tr>
                                                                            <td width="225" class="empty" height="20px" colspan="3">&nbsp;</td>
                                                                        </tr>
                                                                    </table></td>
                                                            </tr>
                                                        </repeater>
                                                    </table></td>
                                                <td width="15px"></td>
                                            </tr>
                                        </table></td>
                                </tr>
                                <tr>
                                     <td width="620" height="55" class="empty" colspan="2">&nbsp;</td>
                                 </tr>
                                 <tr>
                                     <td width="620" height="6" class="empty" id="lower_content_stripe" colspan="2">&nbsp;</td>
                                 </tr>
                                 <tr>
                                     <td colspan="2">
                                         <table width="620" id="lower_content_container" cellpadding="0" cellspacing="0">
                                             <tr>
                                                 <td width="620">
                                                     <table width="620" cellspacing="0" cellpadding="0">
                                                         <tr>
                                                             <td width="620" height="20" class="empty">&nbsp;</td>
                                                         </tr>
                                                        <tr>
                                                             <td width="620"> 
                                                                 <table width="620" id="lower_content_table" cellpadding="0" cellspacing="0">
                                                                     <tr valign="top">
                                                                         <td width="27" class="empty" height="100px">&nbsp;</td>
                                                                         <td width="160"><img style="border: none" src="<$imagesrc link='true'$>" width="160px" height="90px"><h4><$title link='true' default='Enter Title Here'$></h4><$description default='<p>Enter some content here. Not too long, not to short, but just right.</p>'$></td>
                                                                         <td width="43" class="empty">&nbsp;</td>
                                                                         <td width="160"><img style="border: none" src="<$imagesrc link='true'$>" width="160px" height="90px"><h4><$title link='true' default='Enter Headline Title Here'$></h4><$description default='<p>Enter some content here. Not too long, not to short, but just right.</p>'$></td>
                                                                         <td width="43" class="empty">&nbsp;</td>
                                                                         <td width="160"><img style="border: none" src="<$imagesrc default='fwd_friend.gif' link='true'$>" width="160px" height="90px"><h4><forwardtoafriend style="text-decoration:none;">Forward this to a Friend</forwardtoafriend></h4><p>If you know a friend who might like to hear about the latest releases, or anything in this newsletter, it's really easy to <forwardtoafriend style="text-decoration:none;">pass on this email</forwardtoafriend>.</p></td>
                                                                         <td width="27" class="empty">&nbsp;</td>
                                                                     </tr>
                                                                 </table></td>
                                                         </tr>
                                                         <tr>
                                                             <td width="620" height="40" class="empty">&nbsp;</td>
                                                         </tr>
                                                     </table></td>
                                             </tr>
                                         </table></td>
                                </tr>
                            </table></td>
                    </tr>
                    <tr>
                        <td width="620" height="10" class="empty">&nbsp;</td>
                    </tr>                
                    <tr class="legalbg">
                        <td width="620" valign="bottom">
                            <table align="left" class="legal" border="0">
                                <tr>
                                    <td width="80"><img src="images/legal-logo.gif" alt="legal-logo" width="69" height="75" /></td>
                                    <td width="540" valign="middle">You've received this newsletter as registered Linn customer. If you'd prefer not to receive emails from Linn Records, you can <unsubscribe style="color: #4D4D4D; text-decoration:underline; font-size:8pt; font-family:Arial, Sans-Serif;">unsubscribe instantly</unsubscribe>. We never give your information to third parties and use it only to improve our service to you, in accordance with our <a href="http://www.linnrecords.com/linn-terms.aspx" title="Linn's Privacy Policy" style="text-decoration:underline">privacy policy</a>.<br /><b><a href="http://www.linnrecords.com" title="Linn Records Website" style="text-decoration:none"> Linn Records</a></b> Glasgow Road, Eaglesham, Glasgow G76 0EQ, UK.</td>
                                </tr>
                            </table></td>
                    </tr>
                    <tr>
                        <td width="620" height="30" class="empty">&nbsp;</td>
                    </tr>             
                </table></td>
        </tr>
    </table>
<!-- Centering Table END-->    
</body>
</html>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098