Why is the top of my website cut off?

Question

If you have a look at the site i'm working on
at checkoutni.com
The top of the site is cut off in firefox and IE,
it isn't extra margin,
and it does it in liveview in dreamweaver too,
i w3c validated the html and css
and i've tried playing around with margins and padding
but i can't figure it out.
Any help would be nice.
Thanks
Daniel
And there should be margin around the logo which isn't there.

Answer 1

Change all this:
#header {
    width: 760px;
    margin: 10px;
    background-image: url(images/transparent_BG.png);
#header h1 a {
    display: block;
    width: 240px;
    height: 56px;
    margin: 20px 0px 20px 0px;
    background-image: url(images/logo.png);
    text-indent: -9999px;
#ahead h2 {
    display: block;
    width: 160px;
    height: 20px;
    margin: 10px;
    background-image: url(images/about.png);
    text-indent: -9999px;
To this:
#header {background: url(images/transparent_BG.png);}
#header h1  {
/**adjust as needed**/
min-height: 60px;
/**for older IE**/
_height: 60px
margin:0;
padding:0;
background: url(images/logo.png) no-repeat;
text-indent: -99999px;
#ahead h2 {
background: url(images/about.png) no-repeat;
text-indent: -99999px;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb