(IE bug in Facebook Iframes; Scroll down like crazy) Need help to fix

The code works fine in JSFIDDLE, both in Mozilla and IE, but when I paste this code in my facebook iFrames tab, I get crazy scroll down in IE/Chrome (Mozilla works fine just like in JSFIDDLE).

Can you help me to fix it, please?

iFrames in facebook is just an app that let you paste any content (HTML,CSS,Java) that will be surrounded by facebook frame. Look at the screenshots below:

[i.imgur.com ]

[i.imgur.com ]

JSFIDDLE Link
[jsfiddle.net ]

The same code in Facebook iFrames
[facebook.com ]

HTML

<html>
  <body>
    <div>
<a id="button" href="http://mysite.com"></a>
      </div>
    </body>
  </html>

CSS

div {
  width: 810px;
  height: 810px;
  background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
}

#button{
 display: block;
  width: 204px;
  height: 116px;
  background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
  position: absolute;
  top: 70%;
  left:5%;
}
#button:hover {
  background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
  }

(IE bug in Facebook Iframes; Scroll down like crazy) Need help to fix

iframes facebook scrolldown bug scrollbar

msk1

msk1

Fotiman

Fotiman

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week