固定位置不适用于标题

我正在尝试创build一个非常简单的效果,当您向下滚动页面时,导航将粘贴到页面的顶部。 我所要做的就是将“position:fixed”设置为我目前拥有的标题。 出于某种原因,它更像是一个“位置:绝对”元素,而不是固定元素。 我试着在页面上的其他元素具有相同的效果,所以我必须有一些在我的HTML或CSS代码导致的问题。 有任何想法吗?

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

标题CSS

.nav-main {overflow: visible; position: fixed; top: 0; left: 0; right: 0; height: 60px; width: 100%;} 

请注意,该网站是响应,所以position: fixed踢在768px。

目前, Chrome无法呈现position:fixed在转换之下的元素 。 删除(无内容)

 -webkit-transform: translate3d(0, 0, 0); 

它会工作 。