Hey there. i have a little trouble with my table bellow that i want to ask about. Currently in this code there is a gap between the image "top.png" and the table itself wich i want to get rid of. the image has rounded corners so i had to use the magic wand in photoshop to make some places on the image ivisible. if i put the image just under "<td>" the gap between the image and the table go away but the places in the image where i used the magic want becomes all white. so i wonder how can i remove the gap that's between the image and the table without getting the white spots in the image where i used the magic wand in Photoshop ? <img border="0" src="images/top.png" width="964" height="26"> <table border="0" width="960" bgcolor="#FFFFFF" style="border-collapse: collapse"> <tr> <td> <center> <h1>Recent Updates</h1> <table border="0" width="960" bgcolor="#FFFFFF" style="border-collapse: collapse" id="table3"> <tr> <td> <table border="1" width="100%" id="table1" height="15"> <tr> <td width="311"> <b>Date</b></td> </td> <td width="314"> <b>Added</b></td> <td> <b>Chapter</b></td> </tr> </table> </td> </tr> </table> <table border="1" width="100%" id="table1" style="border-collapse: collapse"> <tr> <td> Table content</td> </tr> </table> </center></td> </tr> </table> <img border="0" src="images/bottom.png" width="964" height="26"> </div> HTML: