I am talking about the <div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>
not the old fb:like as its going to be obsolete?

I had problem of changing the css of the new fb-like as it does not support adding css. Finally, i just put the like button first, and then retrieve all its source code in the iframe, then put it into a separate simple htm file (facebook.htm)
and then directly add

<iframe scrolling="no" src="/facebook.htm" class="fb_ltr" title="Like this content on Facebook." style="border: medium none; overflow: hidden; height: 62px; width: 450px;" name="f14539dfb8a84ac" id="f8b9e16b33f44e"></iframe>
        

Amazingly it just works fine! you can take a look at
www.smallisnewbig.com
I twisted the length for div.connect_confirmation_cell_like so that it wont overlay our dives when the right side div extends if you login.

Not sure whether it will have any side effect..If you know please let me know. otherwise, its a simple trick to change the css of the new facebook like button.


Edit: I do see some side effect.. I remember the like text/and images should dynamically changes when refreshing the page..
but with this static method, it does not refresh...