width bei iframe unter Win anders

[burn4ever]

Hallo,
ich bine einen Facebook Button ein und habe den width Parameter so gesetzt das der Counter nicht mehr sichtbar ist (48px).

            <li><iframe src="//www.facebook.com/plugins/like.php?locale=en_US&href=http%3A%2F%2Fwww.meinurl.de%2F&amp;send=false&amp;layout=button_count&amp;width=48&amp;show_faces=false&amp;action=like&amp;colorscheme=dark&amp;font&amp;height=21" scrolling="no" frameborder="0" style="overflow:hidden; width:48px; height:21px; border:none" allowTransparency="true"></iframe>         
            </li>

Auf dem Mac sieht das alles super aus aber unter Windows ist der width parameter 1 oder 2 Pixel größer und der Counter wird sichtbar.
Jemand eine Idee welcher css parameter da noch für verantwortlich sein kann?

 

[Timmer]

Von welchen Browsern ist hier denn die Rede? Hast dus schonmal mit einer reset.css versucht?

 

[burn4ever]

Browser unter Win7 und XP:Firefox, IE9 bis IE7
Eric Meyers Rest habe ich auch noch mal in css mit reingepackt. Bringt aber leider nichts...

Gibt es sowas wie conditional comments nur betriebssystem basierend? ;-)

 

[Timmer]

Nein, aber du kannst z.B. auf den CSS Browser Selector zurückgreifen ;)

 

[burn4ever]

Okay, danke.

Ich habe es jetzt auch mittels JavaScript gelöst und lese das Betriebssystem mittels navigator.userAgent aus und bei einem Windows Betriebssystem erhöhe ich width um 1px:
Navigator userAgent Property