table layout issues - Paypal form?

[dsnyder]

Thanks to searching this site I was able to fix the alignment issue caused by adding a Paypal form code but I can’t figure out:

1. why the table holding my header buttons is spilling over my banner (in FF it spills over on top, IE7 it fall behind)
2. how to change the bg color of the table to match the body color. Simply adding the correct color property isn’t being honored.

css code:

#header {
background-color:none;
padding: 0px;
margin: auto;
width: 740px;
height:40px;
}

#header p{
text-align:right;
margin:0;
}

html

<table border="0" align="right" cellpadding="0" cellspacing="0" bgcolor="e2dfa8">
<tr>
<td><img src="Images/Buttons/Home.gif" /></td>
<td><form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart"><input type="hidden" name="business" value="[e-mail]">
<input type="image" src="Images/Buttons/ViewCart.gif" border="0" name="submit" alt="View Cart">
<input type="hidden" name="display" value="1"></form></td>
 <td><a href="mailto:[e-mail]"><img src="Images/Buttons/Contact.gif" border="0" /></a></td>
 </tr>
 </table>

[edited by: encyclo at 4:26 pm (utc) on April 11, 2007]
[edit reason] examplified, please see forum charter [/edit]

[encyclo]

Welcome to WebmasterWorld dsnyder. The first issue I see with your markup is that you are missing the "#" on your color definition:

bgcolor="e2dfa8"

should read

bgcolor="[b]#[/b]e2dfa8"

Also, in the CSS, you have:

margin: auto;

- do you mean that the top and bottom margin should be

auto

, or do you mean

margin: [b]0[/b] auto;

instead?

What doctype are you using for the page?