Here's a minimal example of my problem. It contains two buttons, from twitter and from facebook.What I'm observing in Firefox 3.5.15 is:While the page is loading, the buttons are more or less aligned (I mean their bottom sides)When the page is loaded, the facebook button moves a few pixels down, so that it's bottom side is lower than the bottom side of the twitter button.If I reload the page, the buttons are again aligned, and remain in this state even after the page is loaded.Can someone please explain what's going on and how to fix it?
Misalignment of Facebook & Twitter buttons
html;css;facebook;twitter;button
Found the style that is pushing it down ..If you use FireBug and scroll down to the iframe within the FB button.This CSS style.fb_iframe_widget iframe has this elementvertical-align: text-bottom;That's the one who's pushing it down.You're gonna have to dig into the FB developers API to find how to overwrite the CSS styles.