bonjour

je suis entrain de coder un site pour un exercice perso, une fois la structure de mise en page faite, je voudrais placé un élément div en position:fixed top:240px; left:233px,

mais le problème est que quand je réduit la fenêtre, la div en question ce décale.

voici la portion HTML de ma div en question
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<div id="lien">
<small>aide au web</small>
 
<ul>
	<li><a href="http://www.lesite.com/"><img alt="" src="img/alsaicon.png"> lesite</a></li>
	<li><a href="http://www.lesite.com/"><img alt="" src="img/sdzicon.png" > lesiteo</a></li>
	<li><a href="http://www.lesite.com/"><img alt="" src="img/cssicon.png" > lesite</a></li>
</ul>
 
</div>

le code CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
#lien{background: #fff; width:180px; position: fixed;top:420px; left:233px; box-sizing: border-box; }

les infos CSS de mon div global la ou y a tout le code html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
#global{margin:0px auto; padding:0px; position:relative; min-width:800px; max-width:1200px; background:black;}
voici une capture de ma page en plein écran ces le div sur fond blanc
http://imageshack.us/photo/my-images/560/plein.png/

une capture de la même page réduite
http://imageshack.us/photo/my-images/194/reduit2.png/

je voudrais que la div reste fixe à gauche et qu"elle descende quand on scroll, quelle que soit la taille de l'écran.

merci d'être indulgent, car je débute dans le code HTML et CSS et j'apprend seul à la maison

bon week-end