Weird bug in header in IE7

I have a weird bug in IE7. http://www.luukratief-design.nl/dump/simplefolio/

the navigation has to be centered. same goes for the background. Now every browser does it perfectly. even IE6! (didnt do pngfix yet). The only one who is having problems is IE7 who shifts the whole na开发者_C百科vbar element to the right.

Anyone knows how this is possible?

If you add Position: relative to your navbar element in your css instead of position: fixed it will be solved for IE7.

<div class="navbar"> <- position: fixed to position: relative .

I bet it's this line

.navbar {
  background:url("../images/bg-nav.png") repeat scroll center top transparent;
}

change it to

.navbar {
  background:url("../images/bg-nav.png") repeat scroll left top transparent;
}