Problems with FaceBook Like and Twitter Retweet boxes alignment

HTML & CSS
1

Dear Sitepoint forum members,

I am having a problem with a Facebook likes Button and Twitter retweet button. These are both official buttons by Facebook and Twitter, they are both the same size.

However, when placed together, the FaceBook likes button is 3 or 4 pixels lower.

They are both iframes as shown.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" 

src="http://platform.twitter.com/widgets.js"></script>

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="button_count" show_faces="true" 

width="450"></fb:like>

These should both align properly. However, if you try this these both. Is there any ideas to make these align properly? Thanks

2

I guess !important is permissable when eating generated styles. Try

iframe {
vertical-align:bottom!important;
height:21px!important;
}