Need help with CSS

I have a page where the body is slightly off center from the header. ( the header is centered ) I tried changing a ton of values and still cant get it moved over to line up. Any help would be appreciated. There were other issues with getting the background color to fill in all the space around the header and the body but i messed around with values in the css till it worked.
Heres the css....

#header
{

height:60px;
width:219px;
background-image:url(images/header.gif)
}
#header td
{
height:60px;
width:219px;
background-image:url(images/header.gif)
}


#main_menu
{
background-color:#ECF4FD;
margin-left:2%;
margin-right:2%;
margin-top:5%;
border:2px solid #FF0000;
text-align:center;
font-size:16px;

}

#main_menu a
{
text-decoration:none;
}

#main_menu a:hover
{
color:#993366;
color:
}
#main_menu tr
{
text-align:center;
}

#content
{
background-color:#ECF4FD;
margin-left:2%;
margin-right:2%;
margin-top:5%;
border:2px solid #FF0000;
text-align:center;
font-size:16px;
}

#content a
{
text-decoration:none;
}

#login
{
width:275px;
height:auto;
float:left;
margin-top:15%;
margin-left:15%;
border:solid #666666 6px;
padding-top:10px;
padding-left:10px;
display:block;
background-color:#D8E9EC;
}


#empty_pass
{
display:none;
color:red;
font-weight:bold;
text-align:center;

}

#error_pass
{
display:none;
color:red;
font-weight:bold;
text-align:center;
}

#body
{
background-color:#899142;
}

#index_header
{
height:226px;
width:100%;
text-align:center;
background-image:url(images/head-1024.png);
background-repeat:no-repeat;
background-color:#44484F;
margin-left:0%;
margin-right:0%;
background-position:center;
}

#index_footer
{
width:100%;
height:95px;;
background-color:#44484F;
margin-left:0%;
margin-right:0%;
}
#left
{
width:12.5%;
height:100%;
background-color:#44484F;
float:left;
}

#index_content
{
width:100%;
height:100%;
float:left;
margin-left:0%;
margin-right:0%;
}

#right
{
width:10.5%;
height:100%;
float:left;
background-color:#44484F;

}
#index_body 
{
padding-top:0%;
padding-bottom:0%;
background-color:#ECF4FD;
width:77%;
height:100%;
float:left;
body-position:center;
}


#index_body a
{
text-decoration:none;
font-weight:bold;
text-align:center;
}

Code (markup):

 

Could you post a link? Also this thread needs to be moved to the CSS forum. Thanks

~eric

 

Maybe the code on my site would be of help? Feel free to steal it:

http://www.farstyle.com/abc/2column-footer/

 

I'm sorry but I don't see the error (at least in Firefox.) Can you explain where the problem is? It seems like everything lines up. A screenshot pointing to the error would help. Print alt + print screen then go to paint or photoshop and point at the error. Also you telling me which browser is not working would also be a great help.

~eric

 

And thats why. I didn't even look at who posted the second time... :l

~eric