IE 7 indenting by 5px (resolved)

[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:

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.

[Author]

Posts