Je peux essayer t'aider meme si ça risque de ne résoudre qu'en partie ton problème, j'ai moi même des soucis avec n'étant pas expert...
Une démo ici:
http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=absolute

Position:absolute
left:10px
top:15px

dit à l'élément: regarde la position du point le plus en haut à gauche du truc qui est ton parent (genre une <div>) et positionne toi à 10px vers la droite et 15px vers le bas de ce truc.

Ca permet de positionner un élément à un endroit précis dans un bloc

Position:fixe
left:10px
top:15px

dit à l'élément: regarde la position du point le plus en haut à gauche de la fenêtre du navigateur et positionne toi à 10px vers la droite et 15px vers le bas de ce point.

Ca permet de positionner un élément à un endroit précis dans la fenetre du navigateur. Je pense que c'est de celui ci dont tu as besoin.
Un bon exemple: la table des matière sur la gauche de cette page.
http://j-willette.developpez.com/tutoriels/css/position-fixed/
(Même si je ne sais pas comment ils font pour l’empêcher de continuer à se déplacer au dessus du header...) Smiley decu