title: No scrolling after minimizing webpage?
body: <p>Hi I have just been setting my webpage to fit all screen sizes and resolutions. However, now when I shrink the window size there is no option to scroll around the page and things cannot be seen. Can anybody help me out please? Below is my code:</p>
  
  <p>index.html:</p>
  
  <pre><code>    *&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;script src="jquery-2.0.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;title&gt;index&lt;/title&gt;
      &lt;meta name="keywords" content="" /&gt;
      &lt;meta name="description" content="" /&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700|Open+Sans:400,600,700' rel='stylesheet' type='text/css'&gt;
      &lt;link href="style.css" rel="stylesheet" type="text/css" media="all" /&gt;
      &lt;!--[if IE]&gt;
        &lt;link href="style.css" rel="stylesheet" type="text/css" /&gt;
        &lt;![endif]--&gt;
        &lt;script type="text/javascript"&gt;
      conditionizr({
          debug: true,
          scriptSrc: 'js/conditionizr/',
          styleSrc: 'css/conditionizr/',
          ieLessThan: { active: true, version: '9', scripts: true, styles: true, classes: true, customScript: false },
          chrome: { scripts: true, styles: true, classes: true, customScript: false },
          safari: { scripts: true, styles: true, classes: true, customScript: false },
          opera: { scripts: true, styles: true, classes: true, customScript: false },
          firefox: { scripts: true, styles: true, classes: true, customScript: false },
          ie10: { scripts: true, styles: true, classes: true, customScript: false },
          ie9: { scripts: true, styles: true, classes: true, customScript: false },
          ie8: { scripts: true, styles: true, classes: true, customScript: false },
          ie7: { scripts: true, styles: true, classes: true, customScript: false },
          ie6: { scripts: true, styles: true, classes: true, customScript: false },
          retina: { scripts: true, styles: true, classes: true, customScript: false },
          touch: { scripts: true, styles: true, classes: true, customScript: false },
          mac: true,
          win: true,
          x11: true,
          linux: true
      });
      &lt;/script&gt;
  
  
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="main" width="100%;"&gt;
  &lt;div class="intro" style="font-family:Adobe Gothic Std B;"&gt; SetUp2Go.co.uk offer complete set up businesses packs delivered to your door. Allowing you to go out, start earning money and be your own boss.  
  We have spoken to industry professionals who have helped us choose &lt;br&gt; quality essential items in setting up your own business. &lt;/div&gt;
      &lt;div class="borderHorizontal"&gt; 
          &lt;a href="#" class="homeButton"&gt;Home&lt;/a&gt;
          &lt;a href="products.html" class="productsButton"&gt;Products&lt;/a&gt;
          &lt;a href="about.html" class="aboutButton"&gt;About&lt;/a&gt;
          &lt;a href="faqs.html" class="faqButton"&gt;FAQ's&lt;/a&gt;
          &lt;a href="contact.html" class="contactButton"&gt;Contact Us&lt;/a&gt;
          &lt;div class="emailText" style="font-family:Adobe Gothic Std B;"&gt;&lt;b&gt;setup2go@hotmail.com&lt;/b&gt;&lt;/div&gt;
          &lt;div class="facebookLink" type="image" src="facebook-icon.png" href="https://www.facebook.com/pages/SetUp2Gocouk/893630380654424"&gt;&lt;/div&gt;
  
          &lt;form class="paypal" name="_xclick" action="https://www.paypal.com/uk/cgi-bin/webscr" method="post"&gt;
          &lt;input type="hidden" name="cmd" value="_xclick"&gt;
          &lt;input type="hidden" name="business" value="me@mybusiness.co.uk"&gt;
          &lt;input type="hidden" name="currency_code" value="GBP"&gt;
          &lt;input type="hidden" name="item_name" value="Teddy Bear"&gt;
          &lt;input type="hidden" name="amount" value="12.99"&gt;
          &lt;input type="image" src="http://www.paypal.com/en_GB/i/btn/x-click-but01.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"&gt;
  
      &lt;/form&gt;
      &lt;/div&gt;
  
      &lt;div class="borderVertical"&gt;
      &lt;img class="logoPhoto" src="images/image.png" alt="logo"&gt;
      &lt;/div&gt;
  
      &lt;div class="borderHorizontalNotTrading" style="font-family:Adobe Gothic Std B; text-align:center; color:#FF0000; font-size:38px;"&gt;
      &lt;b&gt;Currently not trading check back soon!&lt;/b&gt;
      &lt;/div&gt;
  
      &lt;img class="windowCleanPhoto" src="images/WindowCleaningkit.jpg" alt="windowClean"&gt;
      &lt;img class="shoeShinePhoto" src="images/shoeShine.jpg" alt="shoeShine"&gt;
      &lt;img class="hairdresserPhoto" src="images/mobile_hairdresser.jpg" alt="sandwichMaking"&gt;
      &lt;img class="homeCateringPhoto" src="images/home_catering.jpg" alt="placeholder"&gt;
      &lt;img class="massuesPhoto" src="images/massues.jpg" alt="placeholder2"&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>style.css:</p>
  
  <pre><code>body {
  background: rgba(235,235,235,1);
  background: -moz-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(227,227,227,1) 0%, rgba(214,214,214,1) 24%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,235,235,1)), color-stop(0%, rgba(227,227,227,1)), color-stop(24%, rgba(214,214,214,1)), color-stop(100%, rgba(255,255,255,1)));
  background: -webkit-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(227,227,227,1) 0%, rgba(214,214,214,1) 24%, rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(227,227,227,1) 0%, rgba(214,214,214,1) 24%, rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(left, rgba(235,235,235,1) 0%, rgba(227,227,227,1) 0%, rgba(214,214,214,1) 24%, rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(235,235,235,1) 0%, rgba(227,227,227,1) 0%, rgba(214,214,214,1) 24%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=1 );
  
      position:fixed;
      top:0px;
      bottom:0px;
      left:0px;
      right:0px;
  }
  </code></pre>