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!!