title: viewport device width, not working
body: <p>I set up</p>
  
  <blockquote>
    <p>meta name="viewport" content="width=device-width"</p>
  </blockquote>
  
  <p>so that when on a mobile device, the site <a href="http://www.myscholly.com/iphone.php" rel="nofollow">http://www.myscholly.com/iphone.php</a> will adapt. I also make my containing div width=100%. This works when viewing in a normal web browser with a small viewport (i.e. shrinking the browser window), but it doesn't work on my iphone simulator.</p>
  
  <p>I know the issue is CSS, but I disabled margins, paddings, and basically stripped everything but still have the issue. If you look at the site on mobile, the containing element does not have a width of 100%!</p>