title: iphone safari not showing scroll bars
body: <p>I have a web page with</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/&gt;
  
  &lt;div id="map_container"&gt;
          &lt;div id="map_canvas"&gt;&lt;/div&gt;
          &lt;div id="directions"&gt;&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#map_container {width: 500px; height: 500px; }
  #map_canvas {width: 100%; height: 50%; border: solid thin black; }
  #directions {width: 98%; height: 45%; border: solid thin black; overflow: auto;}
  </code></pre>
  
  <p>But its not showing scroll bars in iphone/ipad safari for directions. Although its showing scroll bars in FF, Chrome on windows/mac.</p>