http://jsfiddle.net/KwukB/ on peut voir un appercu de ce que je veux que ca donne  
 
le # c'est normal c'est le logo, je voudrais mettre home portfolio skill contact a gauche et les liens vers les reseaux sociaux a droite le tout centrer  !Mais sur IE et chrome c'est pas gagné      
 
 
Voila voilou !
 
merci d'avance

Quelque chose comme ça ? http://jsfiddle.net/k5tJb/5/
 
En tout cas fait gaffe quand tu utilise des balises html5 avec IE8 et inférieur.
Tu dois par exemple définir un type d'élément header (puisque non connu par IE8) comme étant de type block..
Pareil pour la balise nav.

Le résultat est pire avec tes modification la partie droite de la nav n'apparait plus sur l'écran .
 
ps: existe t-il des hébergeur gratuit pour vous montrer l’aperçu ?car ca ce complique. . .  

UP

 
   
 
Enfin j'ai pas repris tout ton css en entier, faut adapter.  

Oui,merci comme même :-)

ton css est tout bonnement crade, tu mets tout en absolute, alors qu'un simple float:left sur les LI aurait suffit.
Règle numéro un, essaye de bannir le position:absolute, pour des montages simples
Pense au flux, les éléments vivent les un à la suite des autres.

Ok j'ai refais une barre plus simple je suis repartie de zero cependant mes menu son des image et non du css ! comment je peux faire pour centrer le tout de façon responsive !
 

 
 
car margin-left:160px c'est pas centrer exactement et pour des petites resolution hop! c'est plus centrer    
 
ps: j'ai tester margin:auto (sans résultat) ='(

Si t'en à rien à faire de IE7 :  
http://jsfiddle.net/Gatsu35/qbH2d/
 
Si tu penses à IE7 et IE6 :  
http://jsfiddle.net/Gatsu35/qbH2d/1/

Merci merci !! Parfait Merci encore !