eCart styling issues in browser

when I add a product in on my site depending on the browser i have different issues. In IE some of the column info on the product is out of line and in firefox and safari the whole shopping cart is out of line. Please help...

My site is funphotobooks.com and I think the problem is with the styling associated with the cart.php ...the best way to test it is to select and item from the products menu and add it to cart and see what happens.

I have taken a look at your page and compared it with the default one and it seems that all of the parts of the page are the same but the styling has been altered on your page. Were you attempting to edit a part of the display on this page? It looks like the page is very similar to the default page except for the logo being changed out in the header.

You should try to make use of the original page to see if it resolves the display issue. I did not see any major display issues on any of the other pages so I'm assuming that the problem is specific to this page.

im not sure what you mean by default page but I only tried to alter it after I realized there was a problem with the layout and then I changed it back. Do you mean the template? I put the funphotobooks logo in the template but that's how it is on every other page. Could you be more specific?

I'm not so sure specifically what is wrong with the page, it just seems to me that some of the overall styling has changed as I was not able to get the page to render correctly when copying the source.

If you can post back with this cart.php page I can do some testing with yours to see what the exact differences may be. When I find this out I will let you know and try to advise you on getting the display working.

The cart objects are appearing to slide out to the right, because the closing tag of the productCart (class) div is missing or misplaced. This means that each new productCart (class) div added to the page when an 'add to basket' occurs is placed inside (or appended to) the previous one. They would nest recursively, hence the shifting to the right.

Adding a closing </div> tag in Firebug put it right.

In my cart.php file, the closing div comes immediately before the lines:

<?php
$WA_Store_Cart->MoveNext();
}
$WA_Store_Cart->MoveFirst();
?>

Lines 376-381 (in mine)