hi,

 

I am currently trying to pad out and <p> so that the paragraph start aligns with the top of the image. However it appears that IE 7 and FF are treating the padding differently, IE pads it perfectly where as FF gives it an extra 5-10 px,

 

<td width="302" align="left" valign="top" style="padding:25px 0px 0px 0px;">

 

I am using tables as it is an HTML e-mail.

FF puts padding on the apparent *outside* of elements, whereas IE puts it on the inside.

FF puts padding on the apparent *outside* of elements, whereas IE puts it on the inside.

 

and has affect on where they lie on the page? is there a workaround?

if its an html email, code form doesnt really matter so much

 

so how about an empty table row with a set height and either a   or a blank image spacer inside, size depending on how much u want to push it down by?

hi,

 

I am currently trying to pad out and <p> so that the paragraph start aligns with the top of the image. However it appears that IE 7 and FF are treating the padding differently, IE pads it perfectly where as FF gives it an extra 5-10 px,

 

<td width="302" align="left" valign="top" style="padding:25px 0px 0px 0px;">

 

I am using tables as it is an HTML e-mail.

 

That doesn't justify that you should use tables. Forms can be perfectly done by using CSS. As for the padding issue. Try to use a reset stylesheet before your main stylesheet. If you are not sure what it is here's an example and here's another one

You dont need an entire reset sheet. Just make sure and set both the padding and margin. If you want only padding as your example shows just add padding. and set margin:0;