Alignment problem please help!

[cs_jono]

Hey guys I'm having a stylesheet error and I have no idea what is going on or why I can't achieve what I need to achieve. I am just wondering if you can help me achieve what I'm trying to achieve.

When we have live help on our page looks like this:



Where the add-this is right under the add to cart gray box and it all works honkey dorey how it's supposed to.

However when you turn live help add this moves here.



Which is completely wrong! :) I don't know if someone can help me achieve what I'm trying to or not. You can see the problem here.

http://www.clevershoppers.com/jono/z...roducts_id=180

Thanks for your help!

[cs_jono]

Is there anyone out there that can help me please?

[kobra]

You can either add a clear in your code or in the stylesheet
A clear both forces a new line for the div containing the addthis stuff
Find this and add what is in red

#addthis { clear: both; background: url(../images/addthis.gif); no-repeat; height: 41px; width: 213px; padding: 7px 0 0 8px; margin: 0px 0 3px 0; float: right; }

[cs_jono]

Kobra,

Thanks for the reply. I added that to the code but now it has a huge awkward gap. Do you know how to fix that in order to make the clear both actually work?

Thanks so much again!

http://www.clevershoppers.com/jono/z...roducts_id=180

[DrByte]

Why don't you just fix the broken live chat code so that it actually outputs a "live chat closed" image instead of outputting nothing and thus leaving the gap you're disliking so much?

[cs_jono]

It's actually not broken. We just decided to upload a small white image so that when live help isn't there you don't miss it and it doesn't cause akward spacing.