If I change the height to more than 25px in the facebook like iframe it's giving a white background to it in Google Chrome only, any other browser displays it correctly.

the code i use is:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fsubdir.example.com&amp;layout=standard&amp;show_faces=false&amp;width=220&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=25" scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:220px; height:25px; background-color:transparent !important"><style type="text/css"> BODY {background:none transparent;}
</style></iframe>

as you can see i even added the transparent style to the body of the iframe according to advice given on other sites.

can anyone explain why it is like this in Google Chrome only (even Safari is perfect!) and who it can be corrected?

my chrome version is 6.0.447

[edited by: tedster at 8:30 pm (utc) on Sep 5, 2010]
[edit reason] avoid the side scrolling [/edit]