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

我试图通过Jquery向页面添加一个切换框，如果用户单击按钮，屏幕中央的框将滑开并显示一些信息。我可以在Chrome和Safari中正常工作：

但是Firefox和IE在第一行文本中出现了一个奇怪的中断：

错误只发生在第一行，所以如果我删除第一行（h7），下一行（p）也会发生相同的中断，依此类推。。。唯一可以解决这个问题的方法是在红框div中添加“overflow；hidden；”，但是这样做也会将框移动到页面的右下侧，而不是居中，尽管我的“margin:0 auto；”。。。我也试过“左：50%，右：50%”，但没用。但是，如果我将浏览器宽度减少到1480px以下，div会神奇地居中。有什么好处

---

如有任何建议，将不胜感激。请，谢谢

试试摆弄它吧！：）这是我所拥有的。。。IE在这里工作得很好，但firefox出现了一些问题，这对微软来说并不常见，因为它的问题比MOZ小。尝试css重置！