[html,css] Кнопка Улетает Вниз В Ie/chrome В Facebook Iframes. Помогит

msk1

New Member
20.02.2013
0
0
#1
Код нормально отображается при его вставке в JSFIDDLE и в Мозилле, и в IE.
jsfiddle.net/cRqhT/127/

(iFrames - это приложение, которое позволяет вставить любой HTML-CSS-Java код на страничке, который будет окружен рамкой фейсбука - сайт в сайте)

Когда я тот же самый код пытаюсь вставить в iFrames в Facebook, то в Мозилле он нормально отображается, а в IE/Chrome scrollbar вниз улетает куда-то

(iFrames - это приложение, которое позволяет вставить любой HTML-CSS-Java код на страничке, который будет окружен рамкой фейсбука - сайт в сайте)

facebook.com/podstrigis/app_201742856511228



Есть соображения как это исправить?

Спасибо!

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;
}