El ancho de los cambios div cuando la posición se fija desde el relativo

Question

El ancho del div "topNav" cambia por pocos píxeles cuando su estilo de posición cambia de relativo a fijo. Encontré un plugin de jquery (http://imakewebthings.github.com/jquery-waypoints/) que puede realizar la misma funcionalidad que estoy buscando con elegancia, pero creo que es una exageración para este propósito.

EDIT: Mi pregunta es cómo evitar cambiar los tamaños de div.

Salida del código en:

http://jsbin.com/azace5/edit

Answer 1

Es necesario eliminar de la página "margen predeterminado". Esto lo hará en "todos los navegadores":

html, body { 
    margin: 0; 
    padding: 0 
} 

Ver:http://jsbin.com/azace5/2

Answer 2

o puede agregar un ancho mínimo.

min-width:600px;