Facebook「like」不會出現在Internet Explorer和Firefox中

Question

有時，Facebook「like」按鈕以0px的高度和重量呈現。這隻發生在Internet Explorer和Firefox中，但在Chrome中它工作並呈現完美。

爲什麼會發生這種情況？任何具體原因？

我使用的XFBML版本沒有任何自定義css樣式。 我使用XSLT文件，以使其

<ul class="gateway-share"> 
    <li> 
    <xsl:text disable-output-escaping="yes">&lt;fb:like href="</xsl:text> 
    <xsl:value-of select="$FacebookLikeUrl"/> 
    <xsl:text disable-output-escaping="yes">" layout="button_count" show_faces="false" width="73"&gt;&lt;/fb:like&gt;</xsl:text> 
    </li> 

    <li> 
    <xsl:text disable-output-escaping="yes">&lt;fb:send href="</xsl:text> 
    <xsl:value-of select="$shareUrlWithDomain"/> 
    <xsl:text disable-output-escaping="yes">"&gt;&lt;/fb:send&gt;</xsl:text> 
    </li> 

    <li> 
    <xsl:text disable-output-escaping="yes">&lt;a href="https://twitter.com/share" class="twitter-share-button" data-url="</xsl:text><xsl:value-of select="$shareUrlWithDomain"/>"<xsl:text disable-output-escaping="yes">&gt;Tweet&lt;/a&gt;</xsl:text> 
    </li> 

    <li onclick="PinTracking();" title="Send to Pinterest"> 
    <a id="lnkpinterest" href="{$PinterestShareUrl}" class="pin-it-button" count-layout="none"> 
     <img border="0" src="http://assets.pinterest.com/images/PinExt.png"/> 
    </a> 
    </li> 
</ul> 

/* css styles for the list */ 
ul.gateway-share { 
    float: left; 
    height: auto; 
    list-style: none outside none; 
    margin: 0 6px 0 10px; 
    padding: 0; 
    width: auto; 
} 
ul.gateway-share li { 
    border: 0 none; 
    float: left; 
    margin: 0 10px 0 0; 
    padding: 0; 
    width: auto; 
} 

Answer 1

在其中看到你喜歡的按鈕放置在

，並給他們 min-height和min-width