Barre d'outils flottante en bas, centrée, 80% de la largeur d'écran actuelle

Question

J'essaie de mettre en place une barre d'outils semblable à Facebook en bas de l'écran pour un site Web sur lequel je travaille actuellement.

Actuellement, je l'ai 100% de la largeur de l'écran mais j'aimerais qu'il ressemble presque exactement à la barre d'outils Facebook, centrée, justifiée par le bas, environ 80% de la largeur de l'écran actuel.

Voici le CSS actuel pour la barre d'outils dont j'ai 100% de la largeur de l'écran.

Merci d'avance.

CSS:

<style type="text/css"> 
#toolbar 
{ 
background:url('/_assets/img/toolbar.gif') repeat-x; 
height:25px; 
position:fixed; 
bottom:0px; 
width:100%; 
left:0px; 
border-left:1px solid #000000; 
border-right:1px solid #000000; 
z-index:100; 
font-size:0.8em; 
} 
</style> 

Answer 1

utilisation:

left:10%; 
right:10%; 

Answer 2

width: 80%; 
left: 10%; 
right: 10%; 

Comment ça?

Answer 3

css:

#container { 
    width: 100%; 
} 
#toolbar { 
    width: 80%; 
    height: 40px; 
    margin-right: auto; 
    margin-left: auto; 
} 

HTML:

<div id="container"> 
    <div id="toolbar"></div> 
</div>