Question

I have a Facebook like button that is loaded using ajax.
The button works, but strangely in firefox it doesn’t appear.

<fb:like href="@Model.Url" show_faces="true" height="30" width="400" ></fb:like>

In Firefox the html produced comes with the height = 0px. Why?

<span style="height: 0px; width: 400px;">
<iframe id="f2b3cbcbf388e" class="fb_ltr " scrolling="no" name="f3cdf7e205a545e" style="border: medium none; overflow: hidden; height: 0px; width: 400px;" ....

This doesn’t happens on Chrome.

Related to facebook I only have this before close body tag

<script>    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/pt_PT/all.js#xfbml=1&appId=00000";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));</script>

Answer 1

If I have more than 1 Facebook like button per page, he has a strange behavior.
I moved the button to the details page instead of the list page and this solved my problem.