使用CSS3 3D转换发生水平溢出

Question

我在使用CSS3 3D转换的http://mr.si/上遇到问题。我为了娱乐和探索新的CSS功能而做了明白的事情，但这让我感到不安。

当您将鼠标悬停在一行中的最后两个项目上时，会发生此问题。除了想要的效果之外，不必要的事情发生了 - 元素水平急剧溢出，出现水平滚动条，这根本不令人愉快。

也许它是一个WebKit错误，但它发生在最新的Chrome开发人员版本和Safari 5中，所以可能不是。

任何想法我做错了什么？

编辑： 值得关注的是我改变了网站，所以这不再是相关的：P

Answer 1

要告诉你，你的问题我留下目瞪口呆的真相，它看起来像一个浏览器错误给我。

但是，我发现了一个简单的解决办法：

#main section { 
overflow: hidden; 
// the rest of your css declarations 
} 

这是超过它为什么做怪异的东西，见识一个补丁，但我希望它能帮助。

干杯！

编辑：与....

header[role="banner"], #main, #main + footer { 
    overflow: hidden; 
    padding: 0 20px; 
    //yourcode 
}