Problems aligning two images

Hi all. I have problems aligning in a design I’m working on at the moment which you can see here I have the main image as property of the body and one image as part from the footer. As you can see is the image in the footer shifted to the right. It looks to me like the margin: 0 on the left isn’t working, while it is declared in the reset. Does someone see what I’m doing wrong, or should I take another approach all together.

It doesn’t work because you’ve set margins on body. If you remove those, it’ll align properly.

Mmm kohoutek? Where do I have margins on the body? This is the body in the CSS:


body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 100%;
	line-height: 1.1;
	color: #696551;
	background: #f4f5f6 url(../images/site/content.png) center top repeat-y;
}

It seems to work if you remove width: 100% from

html, body {
    height: 100%;
    width: 100%;
}

I’ve only tested that in Firefox.

It’s a browser default. You need to add this to your body styles to remove the default margins:


body {
  background: url("../images/site/content.png") repeat-y scroll center top #F4F5F6;
  color: #696551;
  font-family: Tahoma,Geneva,sans-serif;
  font-size: 100%;
  line-height: 1.1;
  [COLOR="#FF0000"]margin: 0;[/COLOR]
}