Div not centered in IE6

For some odd reason my footer is moving to the right 8 pixels in IE6.

Here is the site:
http://www.scorn-war.com/new/index2.html

Validating:
CSS is good.

I have a few errors on the html side, but they are all caused by cutenews. I can't seem to get them out. For some reason the program refuses to accept & statements such as & and <

Thanks in advance,
Josh

Any ideas out there? I tried changed the margin, as well as adding padding:0, etc. Nothing is working as of yet.

This might help.

IE6 bugs http://www.webmasterworld.com/forum83/4161.htm

Worth a try at least.


Frank

For some odd reason my footer is moving to the right 8 pixels in IE6.

Here is the site:
http://www.scorn-war.com/new/index2.html


The problem is with the CSS for your navigation:

div#container
{
width: 1000px;
background: #000000 url(images/content/1000_content_bg.jpg) repeat-y;
margin: 0 auto;
min-height:740px ;
}
div#navigation
{
width:836px;
height:28px;
margin:0 auto;
padding-left:176px;
background: #000000 url(images/nav/1000_nav_bar.jpg) no-repeat;
}

The is caused by the Expanding Box Problem of Internet Explorer 6 and below [1], but IE6 shouldn't really be blamed in this case.

The effective width your navigation is 836px + 176px = 1012px. Clearly, it doesn't fit well in the container measuring 1000px.

Solution is to adjust the width/padding for #navigation so it will fit into the container.


Internet Explorer and the Expanding Box Problem (http://www.positioniseverything.net/explorer/expandingboxbug.html)