Driving crazy with follow us button showing @username

[Kickedout]

I do have 2 twitter buttons on my page:

<!-- twitter --><a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="example" data-lang="es" data-width="64" show_screen_name="false">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script><a href="http://twitter.com/example" class="twitter-follow-button" show_screen_name="false" data-show-count="false" data-width="64" data-lang="es"></a><!-- fin twitter -->

The problem is I don't want to show the @username because when I do, those 2 buttons doesn't fit in my nav bar.
The code above works ok in Internet Explorer, but in Firefox 4, I still see the @username in text beside the image button, causing the buttons to show in 2 different lines and spoiling my layout.

The data-width="64" parameter should do the trick, but is not working in firefox.

How do I get only the "image" button?

BTW I couldn't find a way to show only small custon icons instead, thus I'm trying at least to get rid the text part of username

Please help!

[penders]

Are you still having problems with this?

It doesn't work in Firefox 3.6.18 or Google Chrome either.

It seems an inline style of

width:64px

(which I assume corresponds to data-width="64") is not being applied to the second IFRAME that the script generates, but it is in IE!? If you manually apply the style rule using Firebug then it's OK. The first IFRAME (that replaces the first anchor) has the style rule applied correctly.

You can actually just set the appropriate style rule in your CSS and it should work OK...

.twitter-follow-button { 
  width:64px; 
}

[Kickedout]

Hello, yes I am.
I'll try that thanks!