I have 2 buttons that need to be placed side by side and link to Paypal.
I have used the "display:inline" on both forms and with the fields I need to hide, the "type=hidden"
When I view the page in Firefox all looks good, but in IE although the hidden fields are hidden, they are still taking up space.
So the two buttons are not sitting next to each other, there is a big gap where the 'hidden' layers would be.
Anyone have any ideas how I can get around this?
Here is the example code (user:test pass:test)
CODE
<div id="menu" align="center">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" style="display:inline" method="post"><input type="image" src="http://www.nikonart.net/images/add.gif" onMouseOver="MM_showHideLayers('cart','','show')" onMouseOut="MM_showHideLayers('cart','','hide')" name="submit" alt="Add to your basket">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="mypaypalaccount">
<input type="hidden" name="item_name" value="nikon-001">
<input type="hidden" name="item_number" value="nikon-001">
<input type="hidden" name="amount" value="0.01">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="return" value="http://www.nikonart.net/payment_received.html">
<input type="hidden" name="cancel_return" value="http://www.nikonart.net/order_cancelled.html">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
<form target="paypal" style="display:inline" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="http://www.nikonart.net/images/checkout.gif" title="View you basket" onMouseOver="MM_showHideLayers('secure','','show')" onMouseOut="MM_showHideLayers('secure','','hide')" name="submit" alt="View your basket">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="mypaypalaccount">
<input type="hidden" name="display" value="1">
</form>
</div>
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" style="display:inline" method="post"><input type="image" src="http://www.nikonart.net/images/add.gif" onMouseOver="MM_showHideLayers('cart','','show')" onMouseOut="MM_showHideLayers('cart','','hide')" name="submit" alt="Add to your basket">
<input type="hidden" name="add" value="1">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="mypaypalaccount">
<input type="hidden" name="item_name" value="nikon-001">
<input type="hidden" name="item_number" value="nikon-001">
<input type="hidden" name="amount" value="0.01">
<input type="hidden" name="no_shipping" value="2">
<input type="hidden" name="return" value="http://www.nikonart.net/payment_received.html">
<input type="hidden" name="cancel_return" value="http://www.nikonart.net/order_cancelled.html">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="currency_code" value="GBP">
<input type="hidden" name="lc" value="GB">
<input type="hidden" name="bn" value="PP-ShopCartBF">
</form>
<form target="paypal" style="display:inline" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="image" src="http://www.nikonart.net/images/checkout.gif" title="View you basket" onMouseOver="MM_showHideLayers('secure','','show')" onMouseOut="MM_showHideLayers('secure','','hide')" name="submit" alt="View your basket">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="mypaypalaccount">
<input type="hidden" name="display" value="1">
</form>
</div>
