Forums

CraigC

My test page looks ok in FF and Safari, but IE7 is indenting the top and sides by about 5px and messing up the layout. Is there some little thing I should add in my css?

The test page is at http://craigcurry.com/menu/index3.html.

Here's some of the css code:


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: \"Lucida Grande\", \"Trebuchet MS\", Helvetica, sans-serif;
}
#page-wrap {
		width: 100%;
		margin: 0 auto;
		background: url(images/blackwhitepen.jpg) center top no-repeat;
}
.container {
	width: 960px;
	margin: 0 auto;
	}

Any suggestions?

CraigC

Found the problem... changing from:

div class="container"--- to div id="container" did the trick. I'm not sure why, but it fixed it.

treehouse : what would you like to learn today?

Forums

IE 7 indenting by 5px (resolved)