Facebook Login causes page resizing if not logged in

Question

Has anybody tried to solve the problem where the Facebook Login button causes Firefox and Chrome to resize the Facebook iframe several tiimes with every page load?

It does not cause a functional problem, but it is quite annoying.

This does not happen if you are logged in.

Answer 1

This is happening because the Facebook log in button does some weird stuff while it's loading, creating a tall iframe. It can be solved by adding this to your CSS:

.fb-login-button.fb_iframe_widget.fb_hide_iframes span {display:none;}

Q2A 1.5.3 will automatically include this in the page CSS when appropriate.

Comments

I still have this problem in version 1.5.4.. I've also added this line of code to qa-theme.css (i'm using snow theme) but it's not working...