Удалить style="align: center;" из этого ...
<div id="quickcontactbar" style="align: center;">
превращая его в это ...
<div id="quickcontactbar">
AFAIK, в CSS нет такой вещи, как align:и вы уже применили text-align: center; к <div> в своем CSS.
Также проверьте свой код с помощью W3C Validator .
РЕДАКТИРОВАТЬ:
Глядя на часть вашего CSS здесь ...
#quickcontactbar {
width: 808px;
left:0px;
right:0px;
}
Ширина находится в постоянном конфликте с позицией влево / вправо.Как может быть и 0px слева и справа при ширине 808px?Когда окно вашего браузера имеет ширину 1000 пикселей, левый / правый размещает div 0 пикселей от левого края и 0 пикселей от правого края, что приводит к ширине <div> в 1000 пикселей.Вот как это должно работать.Теперь, как браузер может согласовать это с вашим заявлением, что оно должно иметь ширину всего 808 пикселей?
РЕДАКТИРОВАТЬ 2:
Использовать оболочку шириной 808 пикселей <div> длягоризонтально все по центру.
http://jsfiddle.net/8rvQ3/4/
<div id="wrapper">
<div id="quickcontactbar">
<p class="leftp">
.....
</p>
</div>
</div>
#wrapper {
position: relative;
width: 808px;
margin: 0 auto;
}
#quickcontactbar {
position: fixed;
width: 808px;
height: 36px;
bottom: 0;
background: url(images/bgquickbar.png);
border-bottom: 1px solid #ffffff;
display:block;
text-align: center;
}
#quickcontactbar .leftp {
color: #e3fe54;
margin: 5px;
font-weight: bolder;
font-family: Verdana, Helvetica, sans-serif;
font-size: 16px;
padding-top: 7px;
padding-left: 5px;
height: 16px;
}