title: css/html my background does show up but its behind my divs
body: <p>My problem is that my background is there, but it's behind my <code>div</code>s. I want it to be on the sides of the content div but it won't work. This is the part I think the problem is:</p>
  
  <pre><code>body {
      background-image:"C:\Users\Peter\Documents\onze server met div\achtergrond.png";
      background-color:;
      min-height: 100%;
      height:1500;
      list-style-type:none;
      margin:0;
      padding:0;
      overflow-y:scroll;
  }
  </code></pre>
  
  <p>And this is the whole css code:</p>
  
  <pre><code>body {
      background-image: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
      background-color:;
      min-height: 100%;
      height: 1500;
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow-y: scroll;
  }
  
  li {
      float: left;
  }
  
  .class1 A:link {
      display: block;
      width: 150px;
      height: 20;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #bababa;
      text-align: center;
      padding: 6;
      text-decoration: none;
      text-transform: uppercase;
  }
  
  .class1 A:visited {
      display: block;
      width: 150px;
      height: 20px;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #bababa;
      text-align: center;
      padding: 6;
      text-decoration: none;
      text-transform: uppercase;
  }
  
  .class1 A:active {
      display: block;
      width: 150px;
      height: 20px;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #bababa;
      text-align: center;
      padding: 6;
      text-decoration: none;
      text-transform: uppercase;
  }
  
  .class1 A:hover {
      background-color: #a6a6a6;
  }
  
  .class2 A:link {
  }
  
  .class2 A:visited {
  }
  
  .class2 A:active {
  }
  
  .class2 A:hover {
  }
  
  .class3 A:link {
      text-decoration: underline;
      color: #000080;
      text-align: center;
  }
  
  .class3 A:visited {
      text-decoration: underline;
      color: #000080;
      text-align: center;
  }
  
  .class3 A:active {
      text-decoration: underline;
      color: #000080;
      text-align: center;
  }
  
  .class3 A:hover {
      text-decoration: underline;
      color: #000080;
      text-align: center;
  }
  
  .class4 {
      background-image: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
  }
  
  #content {
      margin-top: 20;
      text-align: left;
      background-color: #EEEEEE;
      height: 1000;
      width: 70%;
      float: left;
      overflow-y: auto;
      margin-left: 15%;
      margin-right: 15%;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      box-shadow: 10px 10px 5px #888888;
      margin-bottom: 10;
      padding: 20;
      background: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
  }
  
  #footer {
      background-color: #FFA500;
      clear: both;
      text-align: center;
  }
  
  #header {
      background-color: #FFA500;
  }
  
  #menu {
      background-color: #bababa;
      height:;
      width: 100%;
      float: center;
  }
  
  #container {
      background-image: "C:\Users\Peter\Documents\onze server met div\achtergrond.png";
  }
  </code></pre>
  
  <p>and this is my html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;LINK HREF="C:\Users\Peter\Documents\onze server met div\Hetstylesheet.css"      REL="stylesheet" TYPE="text/css"&gt;
  &lt;/head&gt;
  &lt;body background="C:\Users\Peter\Documents\onze server met div\achtergrond.png"&gt;
  &lt;div id="container" style="width:*"&gt;
  
  
  &lt;div id="header"&gt;
  &lt;h1 style="margin-bottom:0;"&gt;Onze server webpagina&lt;/h1&gt;IP:&lt;/div&gt;
  
  &lt;div id="menu"&gt;
  &lt;span class="class1"&gt;
  &lt;li&gt;&lt;a href="C:\Users\Peter\Documents\onze server met div\Homepage.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="C:\Users\Peter\Documents\onze server met div\Server.html"&gt;De Server&lt;/a&gt;  &lt;/li&gt;
  &lt;li&gt;&lt;a href="C:\Users\Peter\Documents\onze server met div\contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="C:\Users\Peter\Documents\onze server met div\Updates.html"&gt;Updates&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="C:\Users\Peter\Documents\onze server met div\Loes haar gedeelte.html"&gt;loes&lt;/a&gt;&lt;/li&gt;
  &lt;/span&gt;
  
  &lt;span class="class3"&gt;
  &lt;div id="content"&gt;
  &lt;br&gt;&lt;P Style="font-size:18pt;"&gt;&lt;strong&gt;WELKOM&lt;/p&gt;&lt;/strong&gt;&lt;/style&gt;
  &lt;br&gt;&lt;br&gt;Hoi, diegene die dit ziet.&lt;br&gt;
  VEEL PLEZIER!!!
  &lt;/div&gt;
  
  
  &lt;div id="footer"&gt;
  Copyright © Peter Kingma&lt;/div&gt;
  &lt;/span&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Forward thanks</p>