Posizione risolta che non funziona per l'intestazione

Question

Sto tentando di creare un effetto molto semplice in cui la navigazione si attacca alla parte superiore della pagina mentre scorri la pagina verso il basso. Tutto quello che dovrei fare è impostare "position: fixed" sull'intestazione, che attualmente ho. Per qualche ragione, lo tratta più come un elemento "position: absolute" vs. fixed. L'ho provato su altri elementi della pagina con lo stesso effetto, quindi devo avere qualcosa che nel mio codice HTML o CSS sta causando il problema. Qualche idea?

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

intestazione CSS

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

nota, il sito è reattivo, in modo che i position: fixed calci a 768px.

Answer 1

Al momento, Chrome cannot render position:fixed on elements under a transformation. Elimina (senza contenuto)

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

e will work.