shakmbakm, you're a person of few words.
This should center the background image:
background: url("../images/index.png") no-repeat scroll <font color='"#0000FF"'>50%</font> 0 #FFFFFF;
Any idea why the body is set to display:table?
Also, you might want to delete the left padding in .container, or reduce the width by 5px to compensate for it.
<font color='"#FF0000"'>padding-left: 5px;</font>