在Firefox中显示：-moz-box，奇怪的填充问题

Question

我正在实现这个site上的CSS3覆盖系统。我的代码稍作修改，可以在Firefox中使用，但是我无法将其宽度调整为Firefox中的内容。以下JSFiddle最能代表我所说的内容。

http://jsfiddle.net/MtbyW/

如果您在Chrome / Safari中运行该小提琴，您会注意到叠加框会调整其宽度以适应内容，但在Firefox中会出现水平滚动条。

对我而言display: -moz-box div.wrap上的{{1}}属性似乎导致问题，好像我从css中删除它，内容适合（尽管我放松了垂直居中）。有人可以告诉我我做错了什么或如何解决这个问题？

Answer 1

我只是玩弄它，我设法通过从overlay_content div中删除填充并为showme div添加边距，使其适用于所有浏览器。