i have this repeat region for some products.
is all based on Css positioning but i can have the bottom part of the box linning up properly in Firefox.

In IE looks fine but Firefox brings the background image on top.

can be viewd here: website

sorted

I'm not sure I understand what you mean but I only see one thing... doesn't fit with what you say about a background image though...

Those boxes where it says "September specials!" and "New Products!". They are run together in Moz but have a nice margin between them in IE. Is that what you mean?

If so, the "margin" is created by a BR tag. That doesn't give you the extra space in Moz. Delete the BR (and also a </b> that's on the loose there). Then use CSS. :)

Something like so should do it:
.item-contain { margin-bottom: 10px }


--
http://yupapa.com

LOL You posted that while I typed.

Just out of interest. Did you mean what I thought?

--
http://yupapa.com

I thing i posted that while you were typing.

No the problem was with the floating title (top & bbottom) part of the boxes. I got it sorted out. was missing a float:left tag on the main div.

That's why I didn't see it then.

Maybe you can find use for my fix too. I think it looks nicer in IE, with the space between the boxes. Lighter, more airy. :)

--
http://yupapa.com

there is a <br /> tag there already.
I'll probably be looking at adding margin-bottom:2px; see if that works.

yeah that looks better.

Thanks.

Yes, that's the problem. Or rather that's what creates the space in IE (but not in Moz).

Cool. Yes, it looked a little odd in Moz when those purple thingies floated together.

--
http://yupapa.com

I am looking to round the corners of the purple tab using css as well (no images).
let you know how i get on if u want.