title: Image displays in top left corner in Corona Simulator
body: <p>I just started playing with lua / Corona, and have been using the book "Create Mobile Games with Corona." (Silvia Domenech)  The first project in the book is to make a simple planet defense game.  For this, I am using a multi-screen application (or "scene" as it's called in OS X).  The very first step is displaying an image using groups in Corona.</p>
  
  <p>The book has me enter the following code in the main scene group:</p>
  
  <pre><code>local image = display.newImage( "images/iphone_767.png")
  group:insert( image )
  </code></pre>
  
  <p>After adding it to (what I think is) the correct group, the code looks like this:</p>
  
  <pre><code>-- Called when the scene's view does not exist:
  function scene:createScene( event )
      local group = self.view
  
      -----------------------------------------------------------------------------
  local image = display.newImage( "images/iphone_767.png")
  group:insert( image )       
      --  CREATE display objects and add them to 'group' here.
      --  Example use-case: Restore 'group' from previously saved state.
  
      -----------------------------------------------------------------------------
  
  end
  </code></pre>
  
  <p>For the image, I first tried an image that was 320 x 480.  When it rendered on the simulator, it is situated way off to the top left of the simulator.  Here is a screenshot of how it renders:  <a href="http://imgur.com/Kpm0XTd" rel="nofollow">http://imgur.com/Kpm0XTd</a></p>
  
  <p>The config file is set for 320 x 480 px.  I'm really at a loss as to what could be causing this since I haven't modified anything outside of what I described.  Any ideas?</p>