The issue is with your table stucture, the image element seems to be forcing the table apart more than it would like exposing the background not to sure why it does that.
However not tried this but my first step would be to delete the whole table that contains the image you really dont need a table to hold that image in place. Get rid of that whole table which is nested under this line:
Code:
<font face="Arial, Helvetica, sans-serif" color="#ffffff" size="2">
<strong>We hope you enjoy your holiday, </strong>
<br/>
The Big Snow Festival Team.</font>
then replace that table with this:
Code:
<div style="margin:0 auto; text-align:center;">
<a href="http://www.thomascook.com/money">
<img style="width:560px; height:93px; border:0;"
src="http://www.flexibletrips.com/images/DMS/currency.gif"/>
</a>
</div>
You might run into other issues but you should be able to get around them by adjusting the div style maybe some padding or something, like I say I have not tried this but it should get you pointing in the right direction.
Also I would like a converting the whole thing over to CSS get rid of the tables will make life a whole bunch easier and the design of the site is one that would convert without any major issues.
Good Luck
Edited by TheFatControlleR (Sat Sep 26 2009 09:46 AM)