I have used fb:like with og meta tags set. it works properly in all browsers except IE. In IE i am when i click on Like button it does not displays "share your comment box" popup on hover. but in all browser it does.
here is my code.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/"> <head>
<meta property="og:title" content="add the Facebook like button"/> <meta property="og:site_name" content="sitename"/> <meta property="og:image" content="http:/www.mysitename.com/images/myimagename.jpg"/> <meta property="og:type" content="article" /> <meta property="og:url" content="http:/www.mysitename.com/home.html"/> <meta property="og:description" content="description comes here"/>
</head> <body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({ appId: 'myappid', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
<br /> <br /> <fb:like href="http:/www.mysitename.com/home.html" layout="button_count" show_faces="false" width="350"></fb:like> <br /><br />
</body> </html>