Google+ Follow button does not display properly in IE or Firefox under certain condition

[GoogleCodeExporter]

How does the product behavior differ from your expectations?
-> Summarize the bug you are seeing, and why you believe it to be a bug
-> Indicate any inconsistencies between the behavior you are seeing and the 
documentation
Google Plus follow button not displaying properly in Firefox or IE when using 
display:none then later showing the after the page loads. 

Describe, step-by-step, how to reproduce this issue.
-> Help us understand and reproduce the issue so that we can debug and fix
it.
-> Code samples are welcome-- so long as they represent a minimal
reproducible test case. We can not debug large apps.
Reproducible test case: http://jsfiddle.net/2Qa3L/ (to see the problem, load in 
Firefox or IE. It works in Chrome and Safari.)

Describe the impact of this bug
-> How does this affect your application? eg. causing production outage,
breaking user facing features, preventing launch of new feature
-> How many users does this bug impact? What is the size of your user base
and what percentage of your user base is impacted?
This causes the follow button to not render properly in Firefox and IE.

When did this bug start happening?
-> Is this bug a breaking change in behavior to a service you have relied
on for some time, or a bug you discovered in a feature you are using for
the first time?
-> If the bug affects existing code (is a regression), when did you first
notice it?
We just found out about this bug today, 11/12/2013.

When does the bug occur?
-> Does the bug occur consistently, or intermittently?
-> If the bug occurs intermittently, how frequently does it occur, and is
that frequency changing (ie. becoming more or less frequent over time)?
-> If the bug occurs intermittently, is there any pattern to when it
occurs?
This bug occurs consistently using the jsfiddle example above.

Describe any workarounds you have found
-> To help other developers affected by this issue while we investigate,
are there any interim solutions or workarounds that you have found?
We have yet to find a workaround, however, we notice the problem lies in the 
following button code generated on your end:

<div title="" style="height: 20px; width: 0px;" class="FP uXa" id="button"><div 
class="Ul">...</div></div>

Setting the width to something greater than 0px resolves the issue. 

Original issue reported on code.google.com by jro...@gmail.com on 12 Nov 2013 at 6:25

[GoogleCodeExporter]

I too face the same issue in my site..but the workaround doesnt work for me..

Original comment by send2lak...@gmail.com on 17 Mar 2014 at 12:34

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

I can confirm this issue.  It seems the button renders funny when the 
containing div is hidden.

Original comment by kika...@gmail.com on 20 Nov 2014 at 9:26