<!--
    Paste this code at the bottom of each of your pages just before the closing </body> tag
    **Just don't forget to replace YOUR APP ID in the code below with guess what...? :o)
    
    ***You might have to refresh a few times to see the changes!
-->

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
	FB.init({
		appId : 'YOUR APP ID',
		status : true, // check login status
		cookie : true, // enable cookies to allow the server to access the session
		xfbml : true // parse XFBML
	});

</script>
<script type="text/javascript">
	window.fbAsyncInit = function()
	{
		FB.Canvas.setSize();
	}
	// Do things that will sometimes call sizeChangeCallback()
	function sizeChangeCallback()
	{
		FB.Canvas.setSize();
	}
	sizeChangeCallback();
</script>

Some FB apps are longer than the 800px default FB limit and most are designed to 520px. When your content is longer than the 800px default a verticle scroll bars appears and if you have a hard-coded width in your CSS of 520px this forces a horizontal scroll bar to appear when the verticle one does.

So lets get rid of the scroll bars once and for all!

Facebook Get Rid of Verticle Scroll Bars

javascript, facebook

JavaScript