Custom iFrame Headers bug ?

[Tobi Harper]

Hey guys, just a quick question, I have made a ning network site and attached an iframe as a header and a footer via javascript in the custom code section.

However what I've noticed is that the facebook like buttons that come with ning are clashing with the iframes. If i remove the iframes the facebook like buttons start to work again :(.

Here is the code which attaches the iframes:

x$("#xg_head").before("<div id='custom_header'></div>");
var ad_html = '<iframe frameborder="0" scrolling="no" allowtransparency="true" marginheight="0" marginwidth="0" src="http://blurgroup.com/Global/new-dotnet/newglobalheaderdesigns.php" width="100%" height="99px"></iframe>';
x$("#custom_header").html(ad_html);

x$("#xg_foot").after("<div id='custom_ads'></div>");
var ad_html = '<iframe frameborder="0" scrolling="no" allowtransparency="true" marginheight="0" marginwidth="0" src="http://blurgroup.com/Global/new-dotnet/globalfooternet.php" width="100%" height="500px" style="background-color:#202020;"></iframe>';
x$("#custom_ads").html(ad_html);

Does anybody else have any thing similar to this ? and is there any solution ? rather than inserting all the html via javascript which i'd rather not do.