Bildschirmfüllender Hintergrund

<div id="design1">
<div id="design2">
<div align="center">
<img id="hintergrund" src="http://img.webme.com/pic/i/ijustgotinsane/hix8.jpg" border="0" alt="Hintergrundbild">
<table border="0" width="70%" id="table1">
<tr>
<td>

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

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

body {
          margin-top: 50px;
     margin-right: 40px;
     margin-bottom: 10px;
     margin-left: 40px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/i/ijustgotinsane/hix8.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
p {
     margin: 5px 50px 5px 50px;
   }

h1 {
color: #00FF00;
background-color: #000000
font-family: courir, "andele mono", monospace;
font-weight: bold;
padding: 20px 20px 20px 80px; }
h2 {
color: #00FFCA; 
font-family: courir, "andele mono", monospace;}

#img { float: right; }


/* Container */

#design1 {
Background-color: #001c00;
width: 1500px; /* 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: 178px; /* Höhe des Headers */
width: 1000px;
Background-image: url(http://img.webme.com/pic/i/ijustgotinsane/unbenannt.jpg);
}

#pre_header, #post_header {
display: none; /* entfernt nicht genutzte Klassen */
}

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

/* Navigation */

#nav_container {
display: bottom; /* Listenelemente nebeneinander */
list-style-type: none; /* Aufzählungszeichen entfernen */
background-color: #000000;
float: left; /* richtet die Navigation oben aus */
width: 200px; /* Breite der Navigation */
}

#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 */
Background-color: #000000; /* Farbe der Navigation */
Font-family: Courir, monospace;
list-style-type: none; /* löscht den Listenpunkt */
padding: 2px; /* Innenabstand eines einzelnen Punktes */
padding-left: 15px; /* Innenabstand eines einzelnen Punktes nach links */
font-size: 1.5em; /* Schriftgröße */
border-bottom: 1px solid #005400; /* unterer Rand */
}

#nav li:hover {
border-bottom: 1px solid #BC8762; /* unterer Rand im Hovereffekt */
Background-image: url(http://img.webme.com/pic/i/ijustgotinsane/navi.jpg);
}

#nav li.subpage {
background-color: #001c00; /* Hintergrundfarbe bei Unterseiten */
padding-left: 25px; /* 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 {
width: 569px; /* Breite des Inhaltbereichs */
background-color : #555555;
background-image: url(http://img.webme.com/pic/i/ijustgotinsane/hit1.jpg);
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 {
float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
width: 170px; /* Breite der Sidebar */
background-color : #333333;
background-image:url(http://img.webme.com/pic/i/ijustgotinsane/his1.jpg);
padding: 15px; /* Innenabstand der Sidebar */
}