滚动无法在div中的iframe中工作

我不擅长编码，这次我甚至找不到来自Internet的答案。
我已经做了一个iframe，并把它放在一个div。我想滚动iframe中的内容，但出于某种原因，我无法滚动到页面的末尾。滚动无法在div中的iframe中工作

我不解释很好，所以我希望这些照片将清除我的意思：
我有什么：http://i87.photobucket.com/albums/k123/gaikotsu_/scroll.png
我想要什么：http://i87.photobucket.com/albums/k123/gaikotsu_/scroll2.png

正如你所看到的，iframe是在底部切割，以便失去3排艺术品。我尝试了所有我能想到的事情，这只会让我感到沮丧！

这里的CSS的股利：

#main { 
    background-color: transparent; 
} 

.frame { 
    display: block; 
    border: medium none; 
    position: absolute 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
}

而以下是我创建了DIV/IFRAME：

<div id="main" style="overflow-y: auto; height: 100%; overflow-x: hidden; position: absolute; left: 294; top: 44; border: "> 
<iframe name="main" src="main.htm" height="710px" width="610px" scrolling="no" border="0" frameborder="0" allowtransparency="true" class="frame"> 
    </iframe> 
</div>

我明白任何形式的帮助！谢谢阅读！

来源

2013-02-27 user2114974