title: jQuery mobile Listview overflow not working
body: <p>I have this HTML page. (I use jQuery mobile 1.3.1)</p>
  
  <p>It should be something like a little chat-window.
  The problem I have is that, when you look at the <code>&lt;li&gt;</code> elements, this <code>&lt;ul data-role="listview"&gt;</code> element should be scrollable. 
  But, for some reason it simply isn't scrollable, because the content seems to be hidden behind the footer <code>&lt;div&gt;</code>, which should not be the case.</p>
  
  <p>I have the following HTML markup: </p>
  
  <p>(without the line-breaks within a tag, thats just so you guys can read this better)</p>
  
  <pre><code> &lt;div data-role="page" id="chat"&gt;
           &lt;div data-role="header" data-position="fixed"&gt;
              &lt;a href="#clickAndChat" data-role="button" data-inline="true" 
              data-transition="slide" data-direction="reverse" 
              data-icon="arrow-l" class="ui-icon-alt" data-theme="c"&gt;Back&lt;/a&gt;
              &lt;h1 id="headerPage1"&gt;Andi (Fake)    (50m)&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="ui-content" data-role="main" &gt;                
              &lt;ul data-role="listview" id="chatContent" style="overflow-y: scroll"&gt;
                  &lt;li&gt;Satz A von Andi&lt;/li&gt;
                  &lt;li&gt;Satz B von mir&lt;/li&gt;
                  &lt;li&gt;Satz C von Andi&lt;/li&gt;
                  &lt;li&gt;Satz A von Andi&lt;/li&gt;
                  &lt;li&gt;Satz B von mir&lt;/li&gt;
                  &lt;li&gt;Satz C von Andi&lt;/li&gt;
                  &lt;li&gt;Satz A von Andi&lt;/li&gt;
                  &lt;li&gt;Satz B von mir&lt;/li&gt;
                  &lt;li&gt;Satz C von Andi&lt;/li&gt;
                  &lt;li&gt;Satz A von Andi&lt;/li&gt;
                  &lt;li&gt;Satz B von mir&lt;/li&gt;
                  &lt;li&gt;Satz C von Andi&lt;/li&gt;
                  &lt;li&gt;Satz A von Andi&lt;/li&gt;
                  &lt;li&gt;Satz B von mir&lt;/li&gt;
                  &lt;li&gt;Satz C von Andi&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
          &lt;div data-role="footer" data-position="fixed"&gt;
              &lt;input type="text" name="chatText" id="chatText" placeholder="Type here..."&gt;
              &lt;button id="sendChatText" data-icon="check" class="ui-icon-alt"
               data-theme="c"&gt;Send&lt;/button&gt;               
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/kEbBL.png" alt="Preview"></p>