Where you have your lightbulb image show up you need to remove the <p> which signifies there to be a paragraph which makes extra room before and after it just like a paragraph would be formatted.
From reading the link I posted I suggest you add
tr.decoration img {display: block;}
to your style stuff in the beginning and then in the code when you have a table row you need to have it say
<tr class="decoration"
for your rows with tables.
sooooo.....
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
}
.style3 {
font-size: 28px;
color: #339999;
}
.style4 {
font-family: "Times New Roman", Times, serif;
font-size: 28px;
color: #999999;
}
.style5 {font-size: 10px}
tr.decoration img {display: block;}
-->
</style>
</head>
<body>
<table width="800" border="0" cellpadding="0" cellspacing="0" style="margin:0;padding:0">
<tr class="decoration" valign="top">
<td width="30"> </td>
<td width="55"> </td>
<td width="49"><img src="Images/vertgradientA1_2_3.png" width="49" height="30" align="top" /></td>
<td width="72"><img src="Images/vertgradientA1_2_3.png" width="72" height="30" align="top" /></td>
<td width="49"><img src="Images/vertgradientA1_2_3.png" width="49" height="30" align="top" /></td>
<td width="9"> </td>
<td width="89"> </td>
<td width="123"> </td>
<td width="5"> </td>
<td width="133"> </td>
<td width="9"> </td>
<td width="84"> </td>
<td width="93"> </td>
</tr>
<tr class="decoration" valign="top">
<td> </td>
<td align="right"> </td>
<td colspan="3" align="left"> </td>
<td colspan="5" align="right" valign="middle"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="decoration" valign="top">
<td> </td>
<td> </td>
<td> </td>
<td><img src="Images/vertgradientA1_2_3.png" width="49" height="30" hspace="0" vspace="0" border="0" /></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr class="decoration" valign="top">
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"><img src="lightbulb.jpg" width="72" height="100" hspace="0" vspace="0" border="0" align="top" style="margin:0;padding:0"/></td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
<td width="0"> </td>
</tr>
<tr class="decoration" valign="top">
<td> </td>
<td> </td>
<td width="0"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Something like that, it's a bit messy though. >_<
I think that'd work.
