stacked table - weird gap

[jasper1106]

Hi guys I am trying to put two tables one ontop of each other however I am getting maybe a 1-2pixel gap when my background image is applied to both rows. For example:

<table width="97&#37;" border="0" cellspacing="15">
  <tr>
    <td background="bg">&nbsp;</td>
  </tr>
</table>

<--- GAP APPEARS HERE IN LAYOUT

<table width="97%" border="0" cellspacing="15">
  <tr>
    <td background="bg">&nbsp;</td>
  </tr>
</table>

I have tried styling through .css but it makes no difference and I suck at doing tableless layouts, just too many variables for little ole me so take in. Can anyone advise a setting which may work?

[drjones013]

What have you tried in CSS? As an extreme last resort this should hack it:
table {
top-margin: -2px;
}

There should be a better way to fix it, though.

[mistareno]

Try adding in the cellpadding=0 parameter.

<table width="97%" border="0" cellpadding="0" cellspacing="15" width="97%" >
     <tr>
     <td background="bg"></td>
     </tr>
</table>

[Nadia P]

You should apply the background image via css. Is it to go only into the 2 cells or as a background to the table itself?

Can you post a link to the page you are working on - it's better for people to try and help if they can see what you've tried....

Nadia