No padding in Firefox

[avermat]

When I click add to cart in firefox the popup window does not have any white padding or cell spacing that appears when I use IE.



I tried the ejunkie demo cart and the padding does appear in firefox so the issue is something specific to my site.



I tried adding the:

EJEJC_INITCSS = false;



But that didn't help.



Here is the page:

https://www.accountingcoach.com/ebook.html



-Matt

[E-junkie_Guru]

The View Cart code on your page looks a bit jumbled-up. I would recommend replacing all of that code you've got with this code instead:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=10025&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="https://www.accountingcoach.com/images/orderbuttonred.png" alt="" border="0" /></a>

<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config() {

EJEJC_INITCSS = false;

EJEJC_POSTCALL=true;

}

function EJEJC_shown() {

jQuery("#tdPmnt").attr("innerHTML", "<table><tr><td><img src='https://www.accountingcoach.com/images/lock.gif' /></td><td width=5></td><td><b>Click either PayPal <i>or</i> Google Checkout</b> <img src='https://www.accountingcoach.com/images/arrowh.png' /><br /><span style='font-size:11px'>(These are two of the safest ways to send money online.)</span></td><td width=10></td></tr></table>");

}

// -->

</script>

<script src='https://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>



Note that everything from jQuery... to </table>"); shown above should of course be on one long line like your page already has it currently. Copy-pasting directly from here into your page's HTML source should work fine.



Aside from this matter, the cart also inherits CSS from your own page, so if the above doesn't fix the border/padding issue, it may be a difference in how IE interprets your CSS vs. how Firefox does it, and that would be up to you to sort out if you wish.

[avermat]

My bad, I had "border-collapse: collapse;" in my CSS. Thanks.