linke box unter nav. fixieren

<div id="design">
<div align="center">
<div id="design">
<div id="Name">Box die nicht funktionieren will...</div>
<table border="0" width="70%" id="table1">
<tr>
<td>

body {
          margin-top: 50px;
     margin-right: 40px;
     margin-bottom: 10px;
     margin-left: 40px;
background-color: #000000;
background-repeat: repeat;
background-attachment: scroll;
scrollbar-face-color: #527D94;
  scrollbar-track-color: #071E2A;
  scrollbar-arrow-color: #000000;
  scrollbar-highlight-color: #1D7FB1;
  scrollbar-shadow-color: #5D61FF;
  scrollbar-3dlight-color: #FFB62F;
  scrollbar-darkshadow-color: #000000;

}

p {
     margin: 5px 50px 5px 50px;
              text-color: #ffffff;
   }


<div id="design1">
<div id="info">
<div id="unten"></div></div></div>



/* Container */

#design1 {
Background-color: #001c00;
width: 1700px; /* Breite des Designs */
margin: 0 auto; /* zentriert das Design */
text-align: left; /* positioniert den Text links */
background-color: #fff; /* Hintergrundfarbe des Containers */
border: 1px solid #B98D56; /* Rand um das Design */
}

#unten {
clear: both; /* sorgt dafür, das Hintergrundfarbe über gesamten Container läuft */
}



/* Header */
h1#header,
h2#title
{
display: none;
}
#header_container {
height: 166px; /* Höhe des Headers */
width: 1000px; /* Breite des Headers */

border-top-width: 15px;
border-top-style: outset;
border-top-color: #22223B;

border-bottom-width: 20px;
border-bottom-style: outset;
border-bottom-color: #000000;

border-right-width: 15px;
border-right-style: outset;
border-right-color: #000000;

border-left-width: 15px;
border-left-style: outset;
border-left-style: #22223B;

background-color: #FF0000;
Background-image: url(http://img.webme.com/pic/d/darkestcave/header1.jpg);

}

#header {
margin: 0px; /* entfernt den weißen Rand oben */
padding-left: 400px; /* Abstand vom linken Rand */
padding-top: 50px; /* Abstand vom oberen Rand */
color: #ff0000; /* Schriftfarbe */
font-family: serif; /* Schriftart */
}

/* Navigation */

#nav_container {
display: bottom; /* Listenelemente nebeneinander */
list-style-type: none; /* Aufzählungszeichen entfernen */
background-color: #000000;
margin-top: 25px;
border: 1px solid #ffffff;
float: left; /* richtet die Navigation links aus */
width: 200px; /* Breite der Navigation */
font-family: arial, verdana, sans-serif;
}

#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}

#nav {
padding: 0; /* keinen Innenabstand der Liste (links und rechts) */
margin: 0; /* keinen Außenabstand der Liste (oben und untent) */
}

#nav li {
display: bottom; /* Listenelemente nebeneinander */
list-style-type: none; /* Aufzählungszeichen entfernen */
margin-left: 25px:
float: left;
Background-color: #000000; /* Farbe der Navigation */
list-style-type: none; /* löscht den Listenpunkt */
padding: 15px; /* Innenabstand eines einzelnen Punktes */
padding-left: 30px; /* Innenabstand eines einzelnen Punktes nach links */
font-size: 1.0em; /* Schriftgröße */
border-bottom: 1px solid #000000; /* unterer Rand */
}

#nav li:hover {
border-bottom: 1px solid #ffffff; /* unterer Rand im Hovereffekt */
}

#nav li.subpage {
background-color: #000000; /* Hintergrundfarbe bei Unterseiten */
padding-left: 30px; /* Innenabstand nach links bei Unterseiten */
}

#nav a {
Color: #FFFFFF;
text-decoration: none; /* macht Verlinkungen in der Navigation ohne Unterstrich */
}

#nav a:hover {
color: #FF0000; /* ändert die Schriftfarbe beim Hovereffekt */

}

* Content Container */

#content_container {
width: 1200px; /* Definiert die Breite des gesamten Contentbereiches inklusive der Sidebar (Breite des Containers - der Navigation - Rahmen des Contents) */
float: left; /* Sorgt dafür, dass der gesamte Content (inkl. Header) auch wirklich rechts steht */
border-left: 1px solid #BC8762; /* kleine Abtrennung zwischen Content und Navigation, Benutzung optional */
}

/* Content */

#content {
margin-top: 25px;
width: 569px; /* Breite des Inhaltbereichs */
height: 800px;
border: 1px solid #FFFFFF;
background-color : #000000;
padding: 15px; /* Innenabstände des Inhaltsbereiches */
float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
overflow: auto;
}

/* Sidebar */

#sidebar_container {
margin-top: 25px;
float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
width: 170px; /* Breite der Sidebar */
height: 800px;
border: 1px solid #ffffff;
padding: 15px; /* Innenabstand der Sidebar */
}

<!-- #Name {
width: 200px;
height: 300px;
float: left;
position: relative;
top: 450px;
left: 210px;
overflow: scroll;
font-size: 18px;
padding: 4px;
border: 1px solid #ffffff; /* Rand um das Design */
color: #5c5656;
text-align: left;  } --> </style>


<style type="text/css">
a:link { text-decoration:none; font-weight:bold; color:#00ff00; background-color:#000000; }
a:visited { text-decoration:none; font-weight:bold; color:#006400; background-color:#000000; }
a:hover { text-decoration:none; color:#ff0000; }
a:active { text-decoration:none; font-weight:bold; background-color:#cff; }
a:focus { text-decoration:none; font-weight:bold; background-color:#080; }

</style>

</div>
</div>
</td>
</tr>
</table>
</div> 

<!-- #Name {
width: 200px;
height: 300px;
float: left;
position: relative;
top: 450px;
left: 210px;
overflow: scroll;
font-size: 18px;
padding: 4px;
border: 1px solid #ffffff; /* Rand um das Design */
color: #5c5656;
text-align: left;  } --> </style>

<div id="Name">Box die nicht funktionieren will...</div>