为什么FB PageTab高度太小？

Question

我在Facebook页面标签页上使用IE9显示文本时遇到问题。

正如您在图片中看到的那样，红色框下方还有更多文字，但滚动条只显示它就好像被打破了一样。顺便说一句，如果我直接访问网站而不使用Facebook页面选项卡，那么我可以看到文本，我只是在使用Facebook页面选项卡时出现此问题，并且填充不起作用。

HTML ：

<div id="Content_Area">
    <div id="tab1"  >
        <p id="titlehead">Mechanics</p>
        <div id="blue-content" style="overflow-y: scroll">
            <div id="textwrap" >
                <?php
                    echo $query[0]->bco;
                    if (!empty($query[0]->gco))
                    {
                        echo $query[0]->gco;
                    }
                    echo $query[0]->hp;
                    echo "<p id = 'text'>".$query[0]->permit."</p>";
                ?>
            </div>
        </div>
    </div>
</div>

CSS ：

 #Content_Area {    
    clear:both;
    line-height:19px;
    top: 24px;
    z-index: 5;
    height: 600px;
    border: 1px solid #000;
    -moz-border-radius: 8px;
    border-radius:8px;

    margin-left:20px;
    margin-right:20px;
}

#titlehead{
    font-family:Raspoutine-bold;
    font-size:40px;
    text-align:center;
}

#blue-content{
    width:98%;
    height: 412px;
    border-radius: 5px;
    background-color:#cceafd;
    margin-left:8px;
    margin-right:10px;
    margin-top:10px;
    padding: 40px 0 40px 0;

}

#textwrap{
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top: 30px;
    padding: 0 0 80px 0 !important;

}

截图：