Putting a form inside a table data cell Options

[eemorris]

Hi,
I'm stuck on what is probably a very stupid problem, but I'd appreciate any advice!

I'm trying to add a form within a table:

<td width="146" valign="middle" class="style7">
<br />
Stay In Touch
<p align="left" class="style8">Our inventory goes fast. <br />
Be the first to know as <br />
our new homes become <br/>
available.<br />
</p>
<br />
<form id="form1" name="stayintouch" method="post" action="mailto:info@homesbytre.com">
<span class="style8">FIRST NAME </span><br />
<input name="firstname" type="text" size="19" />
<br />
<span class="style8">LAST NAME </span><br />
<input name="lastname" type="text" size="19" />
<br />
<span class="style8">EMAIL ADDRESS </span><br />
<input name="email" type="text" size="19" />
<br />
<input type="image" align="right" src="../TREimages/submitbuttonWhiteBkg.jpg" alt="Submit"/>
</form>
</td>


The style it references just modifies the font size and color. The problem I'm having is the Submit Buttom aligns to the right side of the <td> cell as opposed to the right side of the text boxes. I've tried adding padding on the right side, but that seems to cause problems between browsers. For example, adding an extra 20px to the right fixes it in Safari, but it needs extra padding in Firefox, and 20 is too much in IE. I have also included this in my CSS:

* {
margin: 0;
padding: 0;
}

So I don't think it's a problem with default values among the browsers. Here is the site it's referring to:
http://www.homesbytre.com/Untitled-1.html

Any ideas are extremely welcome!!

[pandy]

You could make the text inputs 100% wide (with CSS). I think that's the look you are going for anyway?

[eemorris]

I thought about that, but it makes that particular td cell the form is in expand to fill up all of the white space not used by the other cells and then makes a gigantic text box across the entire middle of the page. Any other ideas?

[pandy]

Does that really happen if you make the INPUTS 100% wide?

No, no ideas unless you show us the real code. Can you post the URL to a sample page?

[eemorris]

I'm sorry, maybe I misunderstood what you meant. I tried changing the code to:

<input name="firstname" type="text" size="100%" />

for each of the text inputs. It stretched the column containing the form and shrunk the other columns in the same row. The link to the website is above, but here it is again:

www.HomesByTRE.com/Untitled-1.html

Thank you.

[pandy]

No, with CSS. The size attribute can't use percent as it refers to a number of characters. Remove size altogether.

http://htmlhelp.com/reference/html40/forms/input.html