Spacing issues in different browsers.

[yellow1912]

You can easily set the description background color to white.

[Orchard_Direct]

Also, if i just moved the content into the 3rd wrapper it would not solve the problem of the 2nd wrapper moving up/down on different pages due to the image being a different height. is there a different way of setting my divs in order to get the same effect but be correct across all browsers? Im off to work now but will look at this thread when im back. many thanks!

[yellow1912]

That problem can be solved easily. First try to make the changes I suggested, then if that problem is still there we will move on to fix it.

[Orchard_Direct]

I have changed it like you said, by eliminating the 3rd wrapper, spacing issue has not changed. Any ideas? cheers

[yellow1912]

Can you specify the problems now, along with screenshots if possible? Since the page displays just fine on my ie7

[gjh42]

The actual problem is not obvious because the #productGroupWrapper2 has a margin-top:-12.8em; which brings it up higher than it would normally be. The right-floated elements are affected by the clearBoths on elements *inside* the left-floated wrapper.

[Orchard_Direct]

The problem is shown in the image above, help please!!!!

P.s soz for my miss spelling of *browser*

[yellow1912]

Try:

#productGroupWrapper2 {
    float:right;
    padding:0.5em;
    margin-top:0em;
    width:360px;
    height: auto;
    min-height:100px;
    background: #EFEFEF;
    text-align: left;
    border: 1px solid #C9DCFA;
}

[Orchard_Direct]

Try:

#productGroupWrapper2 {
    float:right;
    padding:0.5em;
    margin-top:0em;
    width:360px;
    height: auto;
    min-height:100px;
    background: #EFEFEF;
    text-align: left;
    border: 1px solid #C9DCFA;
}

Lol nearly worked, since u took the left margin out it has bought all the items up below it, definitely an improvement, nearly there!