I have a test page for a website where I am having problems positioning the "Content" area. The only thing in the content ares is an H1 tag. Because of this H1 tag, the content area is being pushed down 15 pixels. If I remove the H1 tag, the content area pops back into place.

I have spent about a day deleting things from the web page and CSS file until I have the bare minimum to show the problem.

I would sure appreciate it if someone could tell me what is causing this problem.
Both the HTML and CSS code have been W3C Validated.

Here is the website: http://www.lawrence-nv.us/Molly/test/

Here is the HTML code:
Code:
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Molly Murphy - Henderson Symphony Orchestra</title>
    <meta name="description" content="Fine Art Director, Symphony Orchestra Director, Music Teacher, Henderson, NV, Las Vegas">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="../css/navstyle.css">

</head>
    <body>
        <div id="top">
            <div id="page">
                <div id="banner"></div>
                <div id="navigation"> <!--#include virtual="../includes/nav2.html" --> </div>
                <div id="content">
                   <h1>- Henderson Symphony Orchestra -</h1>
                </div><!-- /content -->
            </div><!-- /page -->
        </div><!-- /top -->
    </body>
</html>
Here is the CSS code:
Code:
html {
margin : 0;
padding : 0;
}

#page  {
   height: 700px;
   width: 960px;
   position: relative;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}

body  {
   background-color: #444d75;
   background-image: none;
   margin: 0px;
   padding: 0px;
   height: 100%;
}

#banner {
  position: relative;
  left: 0px;
  top: 0px;
  width: 960px;
  height: 150px;
  background-image: url('../images/banner.jpg');
  background-repeat: no-repeat;
  z-index: 100;
}

#navigation {
  position: relative; left: 0px; top: 0px;
  height: 45px; z-index: 10;
  padding: 0px;
  border: 0px;
}

#content  {
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 3;
   width: 959px;
   min-height: 500px;
   padding: 0px;
   border: 0px;
   margin: 0px;
   background-color: #d3c2b5;    
}