JQuery切换框 - 在Firefox和IE中奇怪的文本中断

Question

我正在尝试通过Jquery将切换框添加到页面，如果用户单击按钮，则屏幕中心的框将滑动打开并显示一些信息。我在Chrome和Safari中运行良好：

 但Firefox和IE在第一行文本中有一个奇怪的突破：

错误只发生在第一行，所以如果我删除第一行（h7），下一行（p）会发生同样的中断，依此类推......唯一能解决这个问题的就是添加“溢出;隐藏;“到红色框div，但这样做也将框移动到页面的右下方而不是居中，尽管我的“边距：0自动;”...我也试过“左：50％，右：50 ％“但无济于事。但是，如果我将浏览器宽度减少到1480px到更小，div就会神奇地居中。是什么给了什么？

我们非常感谢任何建议。拜托，谢谢！