Bo w fixed chodzi właśnie o to, żeby pozycjonować element względem okna przeglądarki i jest on wtedy do niej przyklejony.
Generalnie sam miałem problemy z ogarnięciem właściwości position i sam jej do końca nie ogarniam i jest możliwe, że napiszę teraz kilka głupot ale:
Masz 4 właściwości position:
- Static - właściwość domyślna, czyli nic się nie zmienia. Element jest w miejscu, w którym byłby "normalnie".
- Relative - przesunięcie względem miejsca, w którym element znajdowałby się jako static
- Aboslute - ustawienie względem granicy kontenera, w którym element się znajduje
- Fixed - element jest ustawiony względem okna przeglądarki i jest do tego okna przyklejony.
W twoim przypadku wydaje mi się, że najlepiej będzie użyć właściwości absolute. Czyli jak napiszesz np:
position: absolute;
top: 0;
margin-left: auto;
left: 0;
margin-right: auto;
right: 0;
To element będzie się znajdować 0 pikseli od górnej krawędzi strony i wyśrodkowany po bokach.
Jeżeli nie chcesz mieć elementu centralnie na środku, to musisz się pobawić właściwościami left i right.
edit: i jeszcze jedno - jeżeli zaczynasz przygodę z webdevem, to radziłbym Ci poczytać trochę więcej o właściwości position, bo daje Ci ona rzeczywiście spore możliwości w układaniu elementów na stronie, ale ma swoje "kwiatki" i jest czasami dość problematyczna.