ページの読み込み時に非表示になっているdivがありますが、リンクをクリックすると、垂直方向にスライドし、ページ上の残りのコンテンツを押し下げてスペースを確保する必要があります。これはWebkitで正常に機能しますが、Firefox（v12、Mac）およびXP上のIE7（およびおそらくVista上のIE8）では、既存のコンテンツは適切にスライドしますが、問題のdivは、トグル機能を適用したように見えます。素敵なアニメーション。
JSとCSSの両方で、divに高さを具体的に追加しようとしましたが、どちらも機能しませんでした。
新しいdiv（＃div-more）を表示するだけでなく、スライドインさせるにはどうすればよいですか？