Hello,
I am struggling ot find the answer to a issue I am having on iphones with images and gaps.

Please see my litmus iphone results here

Can you see the blue line at the top of the hero image? and also in the footer there is a similar problem. Any ideas would be really welcome as I can't find the answer, I'm completelty stuck. I have included part of the code here:

Here is the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The IT Job Board</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <style type="text/css">
    #outlook a{padding:0;}
    .ReadMsgBody{width:100%;}
    .ExternalClass{width:100%;}
    .ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:100%;}
    body{width:100%;margin:0;padding:0;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
    a,a:link{color:#ffffff;text-decoration:none;}
    body, #body_style{background:#ffffff;min-height:1000px;color:#666666;font-family:'Andale Mono','Lucida Console',Courier;font-size:11px;line-height: 16px;margin:0;border:0;}

    @media only screen and (max-width: 480px) {
      *[class=nomob]{
        display:none !important;
      }
      table[class=scaled]{
        width:100% !important;
      }
      table[class=scaledwithpad]{
        width:90% !important;
      }
      table[class=top-banner]{
        background-image:url(images/top-banner.gif); 
        background-color:none; 
        background-position:top center;
        background-repeat:no-repeat;
      }
      table[class=bottom-banner]{
        background-image:url(images/bottom-banner.gif); 
        background-color:none; 
        background-position:bottom center;
        background-repeat:no-repeat;
      }
      img[class=scaled]{
        width:100% !important;
        height:auto !important;
      }
      img[class=scaledlogo]{
        width:100% !important;
        height:auto !important;
      }
      img[class=scaledimage]{
        width:90% !important;
        height:auto !important;
      }
      td[class=float]{
        float:left !important;
        width:100% !important;
      }
      td[class=leftalign]{
        text-align:left !important;
      }
      td[class=scaled]{
        width:100% !important;
      }
      td[class=scaledwithpad]{
        width:90% !important;
      }
      td[class=itjb-sentence-blk]{
          font-size:16px !important;
          line-height:21px !important;
      }
    }
  </style>
</head>

<body  alink="#666666" link="#666666" bgcolor="#ffffff" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" text="#ffffff" yahoo="fix" style="width:100% !important;margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;padding-top:0px !important;padding-bottom:0px !important;padding-right:0px !important;padding-left:0px !important;background-color:#ffffff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;min-height:1000px;color:#666666;font-family:Futura,'century gothic',Helvetica,Sans-Serif;font-size:16px;line-height:19px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;border-width:0;">
<div id="body_style" style="background-color:#ffffff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;min-height:1000px;color:#666666;font-family:'Andale Mono','Lucida Console',Courier;font-size:11px;line-height:16px;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;border-width:0;">
<!-- HEADER STARTS HERE -->
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%">
  <tr>
    <td valign="top">
      <table class="top-banner" cellpadding="0" cellspacing="0" border="0" bgcolor="#3D3E3F" width="100%">
      <tr><td height="5"><span style="display:block;overflow:hidden;height:5px;font-size:5px;line-height:5px;">&nbsp;</span></td></tr>
        <tr class="nomob">
          <td valign="top">
            <table cellpadding="0" cellspacing="0" border="0" width="584" align="center" bgcolor="#3D3E3F"><tr><td width="360" align="left" class="header"><a href="http://www.theitjobboard.co.uk/index.php?Mode=AdvertSearch&lang=en&SearchTerms=urgent+or+%22immediate+start%22" style="font-family:'Andale Mono',Arial,sans-serif;font-size:11px;color:#ffffff;text-decoration:none;">Open Web Open Day</a>
            </td><td width="224" valign="top" align="right" class="header"><a href="$unsubscribelink$" style="font-family:'Andale Mono',Arial,sans-serif;font-size:11px;color:#ffffff;text-decoration:underline;">Unsubscribe</a>&nbsp;&nbsp;&nbsp;<a href="$clickthrough(viewonline,email_address_)$" style="font-family:'Andale Mono',Arial,sans-serif;font-size:11px;color:#ffffff;text-decoration:underline;">View online</a></td></tr>
            </table>
          </td>
        </tr>
        <tr><td height="5"><span style="display:block;overflow:hidden;height:5px;font-size:5px;line-height:5px;">&nbsp;</span></td></tr>
        </table>
<!-- HEADER ENDS HERE -->
 <!-- POINT STARTS -->
      <table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%">
        <tr>
          <td>
            <table cellpadding="0" cellspacing="0" border="0" width="584" align="center" bgcolor="#ffffff">
             <tr><td align="center" style="line-height:15px;"><img src="http://assets.theitjobboard.com/JE/uk/email_images/ow/arrow_top.gif" alt="FREE OPEN WEB ACCESS" width="41" height="15" border="0" style="display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#FFFFFF;font-weight:bold;"/></td></tr>
            </table>
          </td>
        </tr>
       </table>
      <!-- POINT ENDS -->
<!-- LOGO STARTS HERE -->
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%">
  <tr>
    <td valign="top">
      <table class="top-banner" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="100%">
       <tr><td height="35"><span style="display:block;overflow:hidden;height:35px;font-size:35px;line-height:35px;">&nbsp;</span></td></tr>
        <tr>
          <td valign="top">
            <table cellpadding="0" cellspacing="0" border="0" width="584" align="center" bgcolor="#ffffff" class="scaledwithpad">
              <tr><td align="left"><a href="http://www.theitjobboard.co.uk/index.php?Mode=Home&lang=en"><img src="http://assets.theitjobboard.com/OpenWeb/Logo.png" alt="The IT Job Board" width="294" height="56" border="0" class="scaledlogo" style="display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#000001;font-weight:bold;"/></a></td></tr>
            </table>
          </td>
        </tr>
        <tr><td height="34"><span style="display:block;overflow:hidden;height:34px;font-size:34px;line-height:34px;">&nbsp;</span></td></tr>
      </table>
<!-- LOGO ENDS HERE -->
<!-- HERO STARTS -->
      <table cellpadding="0" cellspacing="0" border="0" bgcolor="#095776" width="100%">
        <tr>
          <td>
            <table cellpadding="0" cellspacing="0" border="0" width="584" align="center" bgcolor="#095776" class="scaledwithpad">
             <tr><td style="line-height:300px"><a href="http://www.theitjobboard.co.uk/index.php?Mode=Home&lang=en"><img src="http://assets.theitjobboard.com/JE/uk/email_images/ow/hero1.gif" alt="INVITATION ONLY" width="584" height="300" border="0" class="scaledlogo" style="display:block;"/></a></td></tr>
            </table>
          </td>
        </tr>
      </table>
      <!-- HERO ENDS -->
      <!-- HERO2 STARTS -->
      <table cellpadding="0" cellspacing="0" border="0" bgcolor="#1CA9E1" width="100%" >
        <tr>
          <td>
            <table cellpadding="0" cellspacing="0" border="0" width="584" align="center" bgcolor="#1CA9E1" class="scaledwithpad">
             <tr>
              <td>
              <a href="http://www.theitjobboard.co.uk/index.php?Mode=Home&lang=en"><img src="http://assets.theitjobboard.com/JE/uk/email_images/ow/hero2.gif" alt="FREE OPEN WEB ACCESS" width="584" height="100" border="0" class="scaledlogo" style="display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#FFFFFF;font-weight:bold;"/></a>
              </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr><td height="10"><span style="display:block;overflow:hidden;height:10px;font-size:10px;line-height:10px;">&nbsp;</span></td></tr>
      </table>
      <!-- HERO2 ENDS -->
      <!-- POINT STARTS -->
      <table cellpadding="0" cellspacing="0" border="0" bgcolor="#F2F2F2" width="100%">
        <tr>
          <td>
            <table cellpadding="0" cellspacing="0" border="0" width="584" align="center" bgcolor="#F2F2F2">
             <tr><td align="center" style="line-height:15px;"><img src="http://assets.theitjobboard.com/JE/uk/email_images/ow/arrow_mid.gif" alt="FREE OPEN WEB ACCESS" width="41" height="15" border="0" style="display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#FFFFFF;font-weight:bold;"/></td></tr>
            </table>
          </td>
        </tr>
       </table>
      <!-- POINT ENDS -->

Thank you
Duncan