Twitter "Tweet" Button IE7 Bug (cut off text)

Question

I'm trying to use the Twitter "Tweet" button on a site. It works great in all browsers, but in IE 7, it doesn't show the full width. There's no additional CSS in place, other than a little padding-left on the LinkedIn button for spacing.

Twitter have said that they fixed this issue a few months ago here, but I'm using the latest code from their developers site with no luck.

I've also tried the solution from StackOverflow suggesting to use .twitter-follow-button {width: 150px !important;}, but this also didn't solve the issue. The image below shows how it looks in IE7, with the text incorrectly cut short.

Any advice or suggestions of where to go next would be very much appreciated.

Answer 1

The issue was a surrounding for the Twitter button that was being placed in-line, hence there wasn't a sign of it in the CSS. Thanks for your responses.

Answer 2

It looks like you are using the Twitter Share button instead of the Twitter Follow button. Therefore the used class as suggested by the quoted stackoverflow thread will not work. You should be using:

.twitter-share-button {width: 150px !important;}