html for email newsletter - using tables -can't get rid of border/padding.

I'm seeing this in firefox -very frustrating.

I'm using tables because I'm sending an html email.

notice the red border at the bottom of the page here (it's actually a red background that I'm using for testing)

http://cjehost.com/Friday-Email/t-rcc-1087611-vs2.html

I've tried everything I can think of to get rid of it. I'm adding a few more rows and the space can't be there.  Here's the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<title>Untitled Document</title>
<meta charset="utf-8">
</head>

<body>
<table width="600" height="578" border="0" cellspacing="0" cellpadding="0" style="background:red;padding:0; margin:0;height:578px;">
<tr>
<td valign="top" style="padding:0;margin:0;height:578px;border:none;"><img src="images/novartis-1.jpg" alt="You are cordially invited to attend a Speaker Program on: Managing Oral Oncology Products Throughout the Patient Continuum of Care" width="600" height="578" border="0"></td>
</tr></table>
<map name="Map">
  <area shape="rect" coords="448,86,550,102" href="http://www.novartis.com/privacy-policy.shtml" target="_blank" alt="Novartis Privacy Policy">
</map>
</body>
</html>

Open in new window

phillystyle123Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

 
käµfm³d 👽Commented:
As discussed in this article:

http://salman-w.blogspot.com/2012/10/remove-space-below-images-and-inline-block-elements.html

...I suspect what you are seeing is related to the hangover of various letters such as p and q. Basically, your <img> is inline by default, and inline elements align themselves to the baseline of text. Basesline does not include the bottom parts of letters like p and q. So, even though you don't have any text in your cell, the CSS still makes room for the hangover because the <img> is an inline element. You can either change the display attribute of your image's style to be block, or you can set the cell's vertical-alignment to bottom.
0

Experts Exchange Solution brought to you by ConnectWise

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.