It works great in Firefox, IE, and even on my iPhone (Safari), but it's having problems in Chrome and on my friend's Mac (Safari).
I have a form with 2 tables inside. The first table is aligned left at 47% of the width. The second table is aligned right at 47% of the width.
It should look like this:
But instead looks like this in Chrome and Safari...it appears that it's centering both tables instead of aligning them left and right to give 2 separate columns.
Any ideas? Please help...thanks!
Here is some of my stripped down code:
-----------------------------------
Code:
<div id="FormLayer" style="position:absolute; width:680px; height:455px; z-index:3; left: 65px; top: 330px; border:0">
<form action="form.php" method="post" name="orderform" id="orderform">
<input type="hidden" name="recipients" value="email.com">
<input type="hidden" name="required" value="actor:Actor's Name, email:Your Email=confirm:The emails you entered did not match, show:Name of the Show, episode:Your Episode|date:Air Date, character: Character's Name, description: Description of Scenes">
<input type="hidden" name="good_url" value="success.htm">
<table width="47%" align="left" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><div align="left" class="style3">
<label for="actor"><span class="style2"> Actor's Name:</span></label>
</div>
</td>
</tr>
<tr>
<td><input name="actor" type="text" id="actor" size="40" maxlength="50"></td>
</tr>
<table width="47%" align="right" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><div align="left" class="style3">
<label for="character"><span class="style2"> Character's Name:</span></label>
</div>
</td>
</tr>
<tr>
<td><input name="character" type="text" id="character" size="40" maxlength="50"></td>
</tr>
</table>
</form>
Before you post, read our: 
