cart grows to cover div below it

Hi,

I hope I am posting in the correct area. This is my first post here. I am having a problem that only happens in IE7. I am pretty sure it is a css problem. But it involves the shopping cart in the left column of a site I am working on. As items are added to the cart, the cart grows taller, but the div below it does not move down. Instead the cart starts to cover the div below it. This only happens in IE7. I am wondering if the cart is causing the problem. I have been trying to fix this for days. I have tried everything I can think of in terms of css, but nothing helps. I am attaching an image to show what I am talking about. Here is a link to the test site. Please remember this only occurs in IE7. www.palmsdining.com/ . Any help would be appreciated.

Thanks

Hi,

Maybe you can edit the css properties in your IE7 css file. See what has been to be changed with, for example, Firebug. And the edit the classes.
If you don't have a css file for IE you can create one, and add the following line in the "index.php" file of you template:

<!--[if IE 7]><link type="text/css" rel="stylesheet" href="styles-ie7.css"<![endif]-->

Thanks, I already have a style sheet for IE7. I have tried everything, for example: display property, overflow, clearing methods, floats etc. I have rearranged the divs in the index.php file. Still the cart grows to cover the div below it. This only happens in IE7, so it must be a quirk of this particular browser. I am at a complete loss here.

Hi,

And if you try to change the view "product / cart" (this view is called by the cart module), maybe you can change the order of the divs.

Xavier wrote:
maybe you can change the order of the divs.

Xavier wrote: And if you try to change the view "product / cart"