title: 2 colums: 1 div background image (on scroll beeing cut off), 1 content height: auto;
body: <p>My mind is glowing of the fact I cannot fix this. I hope someone can help me understand whats happening. I read allot of posts, tried many but seems it's slightly different then my problem.</p>
  
  <p>ingredients:</p>
  
  <ul>
  <li><p>1 body with width + height on 100% and an image pattern on the bg.</p></li>
  <li><p>2 divs for menu left: (1 for a background image and 1 for the menu it self op top of the image)</p></li>
  <li><p>1 div right for the content.</p></li>
  </ul>
  
  <p>Now, when I use the browser rezise from bottom to the middle and back etc of the screen it's all good. The image still shows it's full size... BUT the moment I use the scrollbar to scroll down the backgroundimage in the menu is beeing cut off.</p>
  
  <p>I use height: 100% and min-height: 100% in all relative objects. I can only think of one thing and that is to use height: 1080px;  but that only usefull when I have more text then the total lenght of the menu bg :(</p>
  
  <p><a href="http://www.webbauer.nl/files.zip" rel="nofollow">
  Here are the sourcefiles</a></p>