Creo que hay dos resultados que querrías aquí:
- Desea que el menú de navegación esté siempre en la misma posición en el navegador (eso es lo que significa fijo, después de todo) y, por lo tanto, cuando el ancho de la página se estrecha demasiado, flotará sobre el contenido; en este momento flota, pero la transparencia está mezclando la navegación y el contenido. Eso se puede arreglar con un color de fondo y un índice z, consulte: http://jsfiddle.net/ZmA7H/
- Desea que el menú de navegación siga al usuario cuando el usuario se desplaza hacia arriba y hacia abajo en la página, pero no cuando el usuario se desplaza de izquierda a derecha, como si quisiera que xey fueran ejes independientes al aplicar la posición fija. Hasta donde sé, no hay una manera de hacer esto con CSS puro, por lo que está atascado con una implementación de JavaScript un poco lenta: http://jsfiddle.net/x3hgA/ (para los sitios que hacen esto, hacen es más fácil para los ojos animando suavemente el menú de navegación a su nueva posición superior).
