I have this html page that displays purchase button choices which directs a user to Paypal, in the Form, on this page: <!--Begin Wide Column--> <div id="column-wide"> <div id="generic-container" style="height:400px;"> <div style="margin-left:12px; float:left;"> <img src="themes/[var.user_theme]/images/icons/members_32.png" alt="members" width="32" height="32" align="absmiddle" /> <strong> <!--[var.members_total;comm]--></strong> </div> <br /> <div id="members-search"> <br><br> <div class="container10"> <br> <p><font face="verdana"><font size="3";font color=#800000;"><u>Purchase</u></font> <table> <tr> <td width="100px"><font size="3" color="#000000" face="Arial"><u>Amount</u></font></td> <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td> </tr> <tr> <td>[blk1.name;block=tr]</td> <td> <form action="paypal_file.php" method="post"> <input type="hidden" value="[var.user_id]" name="uid"> <input type="hidden" value="[blk1.cred_amt]" name="cre"> <input type="hidden" value="Account Credits" name="itnm"> <input type="hidden" value="[blk1.value]" name="valu"> <input style="border:1px black solid;width:100px"; type="submit" value="[blk1.value]" name="valu"></font> </form> </td> </tr> </table> </div> <br><br> </div> </div> <br> <!--End Wide Column--> Code (markup): When I try to add another Form, that has an Amazon purchase button, below the existing Form, it appears to overlap when I view the page. Here's what the code looks like when I add the Amazon Form (button): <!--Begin Wide Column--> <div id="column-wide"> <div id="generic-container" style="height:400px;"> <div style="margin-left:12px; float:left;"> <img src="themes/[var.user_theme]/images/icons/members_32.png" alt="members" width="32" height="32" align="absmiddle" /> <strong> <!--[var.members_total;comm]--></strong> </div> <br /> <div id="members-search"> <br><br> <div class="container10"> <br> <p><font face="verdana"><font size="3";font color=#800000;"><u>Purchase</u></font> <table> <tr> <td width="100px"><font size="3" color="#000000" face="Arial"><u>Amount</u></font></td> <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td> </tr> <tr> <td>[blk1.name;block=tr]</td> <td> <form action="paypal_file.php" method="post"> <input type="hidden" value="[var.user_id]" name="uid"> <input type="hidden" value="[blk1.cred_amt]" name="cre"> <input type="hidden" value="Account Credits" name="itnm"> <input type="hidden" value="[blk1.value]" name="valu"> <input style="border:1px black solid;width:100px"; type="submit" value="[blk1.value]" name="valu"></font> </form> </td> </tr> </table> </div> <br><br> </div> <div> <table> <tr> <td width="100px"><font size="3" color="#000000" face="Arial"><u>Amount</u></font></td> <td width="100px"><u><font size="3" color="#000000" face="Arial">Cost</font></u></td> </tr> <tr> <td>[blk1.name;block=tr]</td> <td> <form action="https://authorize.payments.amazon.com" method="post"> <input type="hidden" name="immediateReturn" value="1" > <input type="hidden" name="collectShippingAddress" value="0" > <input type="hidden" name="accessKey" value="11XCCBB8TTTH88XYY" > <input type="hidden" name="amount" value="USD 1.00" > <input type="hidden" name="signature" value="HtCCCvY0ohiugfBBB=" > <input type="hidden" name="isDonationWidget" value="0" > <input type="hidden" name="description" value="Purchase" > <input type="hidden" name="amazonPaymentsAccountId" value="YTUYTu7uytuyv88634904FFg5" > <input type="hidden" name="ipnUrl" value="http://www.website.com/ipnbo.php" > <input type="hidden" name="returnUrl" value="http://www.website.com/amazon_succeed.php" > <input type="hidden" name="processImmediate" value="1" > <input type="hidden" name="cobrandingStyle" value="logo" > <input type="hidden" name="abandonUrl" value="http://www.website.com/amazon_fail.php" > <input type="image" src="http://g-ecx.images-amazon.com/images/G/01/asp/beige_paynow_withmsg_whitebg.gif" border="0"> </form> </td> </tr> </table> </div> </div> <br> <!--End Wide Column--> Code (markup): Can you help me correct whatever in this code is making the Amazon button (form) appear on top of (or overlapping) the other buttons?
I have not tried it but may be this will help u ... <div style="clear: both;"> </div> </div> Add it after your first div container