coding help, centered background Options

[smrkangl]

Hello! I am making a layout with the header centered, but when I put the background, in an 800x600 resolution, the background moves and the header does not align with the background anymore. Can someone hlep me in coding the background part?

<div align="center">
<IMG SRC="http://img114.imageshack.us/img114/6426/esloveme6vg.jpg" WIDTH="356" HEIGHT="600 BORDER="0" ALT="">
</div>

HEADER: http://img114.imageshack.us/img114/6426/esloveme6vg.jpg
BACKGROUND: http://img123.imageshack.us/img123/5025/eslovemebg5sw.jpg

[YourSuperior]

Try this:

CODE

<div align="center">
<IMG SRC="http://img114.imageshack.us/img114/6426/esloveme6vg.jpg" WIDTH="356" HEIGHT="600 BORDER="0" ALT="">
</div>

<style type='text/css'>
Img {
Margin-Left: -60px;
}
Body {
Background-Image:url('http://img123.imageshack.us/img123/5025/eslovemebg5sw.jpg');
Background-Repeat: repeat-y;
Background-Position: center center;
}
</style>

I attempted to align it for you.