Webste verbeteren

hallo, ik ben een website aan het maken
ben nu nog met de template bezig.
maar ik heb nu 2 probleempjes

1. de header staat 1/2 regels boven de content het moet aan elkaar
2. het sub menu zit aan de content vast. word gescheiden door een regel ik wil dat graag appart.

wie kan dat voor mij doen?
beloning: 1,39punten (0,69 voor 1. en 0,7 voor 2)
website: Website link

style:

a         {text-decoration: underline}
a:link    {color: #000}
a:visited {color: #000}
a:active  {color: #000}
a:hover   {color: #4c7ff4}
P          {color: #EEE000}

body {
    background-color: #333;
}
#container
{
width: 980px;
margin: 10px auto;
background: url (image/layout/content.png);
background-color: #ff6600;
border: 1px solid gray;
}

#top
{
width: 980px;
margin: 10px auto;
background-image: url(images/layout/header.png);
border-bottom: 1px solid gray;
height: 200px;

}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
}

#footer
{
clear: both;
margin: 0;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid gray;
color: #333;
background-color: #ddd;
background-image: url(images/layout/header.png);
line-height: 20px;


}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

index:

<html>
    [COLOR= #0000BB]<?php[/COLOR]
    [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]page/head.php[/COLOR][COLOR= #007700];[/COLOR]
    ?>
    [COLOR= #0000BB]<?php[/COLOR]
    [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]page/menu_head.php[/COLOR][COLOR= #007700];[/COLOR]
    ?>
</head>    
<body>
    <body oncontextmenu="return false"> 
    <body ondragstart="return false"> 
    <body onselectstart="return false">
    [COLOR= #0000BB]<?php[/COLOR]
    [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]page/header.php[/COLOR][COLOR= #007700];[/COLOR]
    ?>
    <div id="container">
        
            [COLOR= #0000BB]<?php[/COLOR]
            [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]page/menu.php[/COLOR][COLOR= #007700];[/COLOR]
            ?>
                <div id="content">
                    <p><br><br><br><br><br><br><br></p>
</div>
        [COLOR= #0000BB]<?php[/COLOR]
        [URL="http://www.php.net/include"]include[/URL] [COLOR= #DD0000]page/footer.php[/COLOR][COLOR= #007700];[/COLOR]
        ?>
</div>
</body>
</html>

#container
{
width: 980px;
margin: 10px auto;
background: url (image/layout/content.png);
background-color: #ff6600;
border: 1px solid gray;
}

veranderen in:

#container
{
width: 980px;
margin-left: 10px auto;
margin-right: 10px auto;
margin-bottom: 10px;
background: url (image/layout/content.png);
background-color: #ff6600;
border: 1px solid gray;
}

Dat is m voor 1 volgens mij.

1.
style:

#top
{
width: 980px;
margin: 0 auto;
background-image: url(images/layout/header.png);
border-bottom: 1px solid gray;
height: 200px;

}

en zet er gelijk
img {border: none;} bij

Punt 2 snap ik niet wat je bedoel.

het heeft niet geholpen
kijk maar naar de website

punt 2 is:
de content dus het linker menu en de content is 1 vak. en daar in is een streep gezet.
en ik wil die 2 "vakken" apart hebben.