用css溢出制作一种iframe

Question

我正面临着一个很大的问题

我在html / jquery中创建了一个MDI系统。 在窗口clientzone中，我添加了带有ajax请求的html代码并使用了append方法。

一切正常。

我的问题是关于客户区内的代码。

您可以在此处查看：http://jsfiddle.net/2P4Mb/1/

<div id="windowClientZone" style="height:300px; background-color:red; overflow:hidden;">
<div id="ajaxHtmlAppendedCode">
     <h1>Title</h1>

    <div id="ContentToBescrolled" style="overflow:scroll; background:yellow;">
        <ul id="MediaExplorer" class="gallery">
            <li class="DraggableItem">
                <div/>
            </li>
            <li class="DraggableItem">
                <div/>
            </li>

            <!-- ... -->


            <li class="DraggableItem">
                <div/>
            </li>
            <li class="DraggableItem">
                <div/>
            </li>
        </ul>
    </div>
</div>

我的内容由两部分组成：标题和基于UL浮动的包装面板。 我希望ul控件可以滚动，标题始终可见。 我尝试了溢出/位置绝对的很多东西，但我无法找到解决方案。

ul区域始终大于窗口客户区域。

有没有办法轻松制作？

感谢您的帮助