centerbox items are vertical!

Hey everyone,

having this problem with additional images on one site, and cross sell on another site...

The items in the centerbox are showing up vertical and pushed to the left on ie7. But are fine on Firefox and i think... ie6. (just upgraded)

here's a link

(i did have to add a height:1% to the CSS. because otherwise, the border wouldn't display around the content in IE)

Code:

---

#crossSell, #alsoPurchased{margin-top:16px;padding-bottom:10px;font-weight:bold}
#crossSellContent, .crossSellContent, #alsoPurchasedContent, .alsoPurchasedContent {border:1px solid #cccccc;padding:10px 0px 10px 0px;height:1%}

---

any advice would be really appreciated.

thanks in advance.

IE6 also with this problem.

The topic below may with the info for you.
Featured Products - border round product

And the related class for the cross sell box of your problem is

.centerBoxContentsCrossSell


.

that was exactly what i needed... thanks seethrou!

i thought i was supposed to avoid negative margins...
you are a CSS IE7 Master.

i don't suppose you could tell me why i'm having the margin problem on the productName too? its' fine on all pages unless the product name needs to take up two lines.

this page

and of course, the problem is only in IE7... Firefox is fine.

if you have a second, and its an obvious answer, i'd love to hear it.

thanks again for your time...

The topic below seems with similar symptom, please refer to it.
Fix Bullet List Left Margin on Product Description Page

.

Oops!

I did not looked at the problem carefully, the page was modified and with inserted tables.
And the above suggestion not related.

no problem at all, Seethrou. i was going to mention that...

thank you so much for everything.

take care...