このサイトの多くの投稿や、div のセンタリングに関するインターネット上のその他の記事を読みました。
div の左側に、修正できない空白があります。
これがJsfiddle http://jsfiddle.net/ZYfaY/です
これまで私は試してきました
div#navigation-head{
background-image:url('img/head.png');
text-align: center;
width: 100%;
height: 2em;
position: fixed;
top: 0;
left:auto;
right:auto;
}