javascript - CSS-自动高度div

我的#main（或#panel（从模板获得）div中有一些扩展内容，但是当你扩展它时，它会弹出到页面下的未知位置。。。
我如何才能让我的maindiv随着我的内容而扩展。
CSS

#main
{
    position: relative;
    overflow: hidden;
}

我还有一些JS/Ajax脚本，当您切换页面时，它们会将页面扩展到正确的大小，它们会影响。。。？
观看现场演示！（i）按钮）
当您单击div时，它们会展开。
有几次它在另一台电脑上工作，但很随机。。
告诉我你是否需要脚本或更多的代码。
基本上，所有东西都包在里面。主->。面板
简单：当div展开时，展开主div的高度以适合它。

.panel
{
    position: relative;
    display: table-cell;
    width:100px;
    vertical-align:middle;
}

最佳答案

问题不在于主div，而在于类面板。

.panel {
padding: 3.5em 2.5em 3.5em 2.5em;
position: absolute; // I'm the problem
top: 0;
left: 0;
width: 45em;
}

这也是一个问题。

#me .pic img {
position: relative; // I'm evil
display: block;
height: 100%;
}

不过，我的调试可能是错误的，因为它不想玩得很好，并坚持我希望它有时做的事情。
让我知道这是否有帮助，如果你需要帮助调试从那里。
编辑
您的问题可能只是在显示隐藏divs内容的脚本关闭时调用用于重新调整主div大小的脚本。这将重新调整页面大小以适应新内容。
我找不到这个脚本的出发点，所以如果你能提供它，我可以找出它。