title: Create scrollable content for a fixed 100% height div
body: <p>I would like to create a scrollable div. I know here is lots of example, but neither of them works for me.</p>
  
  <p>I have a .page class, which fills my mobile's screen. Inside of it I have a .content div. This is contain the content of the pages. It is just align the content from the top, and it should have to scroll the content if it is going out of the .content's boundaries.</p>
  
  <pre><code>.page{
      margin: 0;
      padding: 0;
      min-height: 100%;
      width: 100%;
      display: block;
  }
  .content{
      padding: 4em 0 0 0;
      overflow-x: hidden;
      overlofw-y: auto;
      /*-webkit-overflow-scrolling: touch;*/    
  }
  </code></pre>
  
  <p>What should I do to get it working?</p>
  
  <p><em>Update</em></p>
  
  <p>I tried it in fiddle, and it is worked. But not on my phone. Because of it I don't know where should be the problem.</p>
  
  <p>Because of it I attached my whole code to the question. This is very important for me to get it working.</p>
  
  <p>Please help me. Thanks for any help. :)</p>