Плавающая панель инструментов внизу, по центру, 80% от текущей ширины экрана

Question

Я пытаюсь создать панель инструментов, похожую на Facebook, в нижней части экрана для веб-сайта, над которым я сейчас работаю.

В настоящее время он у меня на 100% ширины экрана, но я бы хотел, чтобы он выглядел почти точно так же, как панель инструментов Facebook, по центру, снизу выровнено сверху, около 80% ширины текущего экрана.

Вот текущий CSS для моей панели инструментов, которая составляет 100% ширины экрана.

Заранее спасибо.

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

использование:

left:10%;
right:10%;

Answer 2

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

Как это?

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>