Anyone good with css?

Ok, I have a Facebook widget on my shop and when the customer is not loogged onto their FB account, the widget works nicely. However, if they are logged onto the FB account, the widget goes all weird. I am pretty sure it has something to do with the css code of the widget, something with the positioning. I wonder if someone who's good with css could give me some help?
I use Chrome as main browser.

Thank you so much!


http://www.shop2.piercingpirate.com

If you're using Chrome, right click on the element that looks wrong and select 'Inspect element'.

As you move your mouse over the code in the bottom panel, it highlights the area on the page. When you click on a section of code in the bottom panel, it shows you the relevant css (and line number) on the right. Take the time to look at the other sections of the panel on the right - Metrics is really useful for spotting which elements are giving you large margins.

Look out for the little triangles at the beginning of the code lines - for example, a <div> ... </div> may actually take up lots of lines, but these are often condensed onto 1 line. Click the little triangle and it opens up.

There are loads of tutorials - just google ' Chrome inspect element tutorial'

I love Google Chrome!

Looks like an issue with float property. It might be that logged in "like" doesn't have the same id or class.
I didn't look at the code, just guessing from your picture

I changed the float prop. on the css file and put 'right' but the issue remains. I took a look at the inspect element thing on chrome but i dont really know if there is something wrong or how to fix it. Any other tips?

I didn't mean css file. I meant in HTML it probably doesn't assign correct id/class to that element.
I don't have FB so can't say for sure though.

You can change CSS values right in browser. Just right click on the broken one and look/play with it's values and it will adjust in real-time.

the problem is, I do not know what to change...