Question

I have a reset.css style sheet that looks like this,

    HTML * {
    margin: 0;
    padding: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    text-decoration:none;
}

body {
    font-family:Arial,Helvetica,sans-serif;
    font-size: 83%;
}

ul,
ol,
li {
    list-style:none;
}

a,
hover,
visited {
    color:#06508b;
}

a,
img,
fieldset {
    border: 0;
}

Now this should make my content sit flush with the top of the browser window however it is not, can anyone see a reason for this? You can see the problem here http://www.ibdnetwork.co.uk

Answer 1

It looks to me that you’re reset stylesheet is correctly removing the margin and padding on the body element. This leads me to think that it’s something inside the body that is pushing your content out of position.

After a quick look in firebug…

It looks like your style on line 20 of default.css needs to be:

h1 {
    font-size:28px;
}

Just remove the margin-bottom:25px.