Update: Problem solved. See comments if you have similar issues and want to know how I fixed them.
If you are one of the 47 per cent of my visitors that use Firefox then you will see that the text runs over the “Facebook Share”-button on the right. I’m aware of this problem but don’t know how to solve it.
I want the Facebook button to appear underneath the Twittley button (or the other way round), but of course I want the text to wrap around it.
Currently I’m applying this wrapper style to the FB sharecount-plugin:
float:right;margin-right:-57px; margin-top:82px
In Chrome and IE 8.0 that does the job, but in Firefox 3.5 the text runs over the button. Any idea?
The Facebook badge looks good in Firefox 3.5.3. If you want to make sure the text doe snot overlap the button, you could change your style to add padding around the images.
So instead of:
float:right;margin-right:-57px; margin-top:82px
Try this:
float:right;padding-left:10px; margin-top:82px
Thanks! That worked! I still need the "margin-right:-57px;" to align the button propely but the "padding-left:10px" did the trick!