Weird bug in header in IE7

Question

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 navbar element to the right.

Anyone knows how this is possible?

Answer 1

如果在CSS中添加相对于导航栏元素的Position：而不是position：fixed，则将在IE7中解决。

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

Answer 2

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;
}

Answer 3

Add to your css

div.navbar { left:0 }