title: jquery backstretch background image with FF/IE
body: <p>I've a simple page structure with one big image as background for a "work in progress" page.</p>
  
  <p>The problem is that on a 1152x864 resolution with Firefox the background image is "truncated", while with Internet Explorer (and the same resolution) everything seems to work fine.</p>
  
  <p>The sense of "truncated" is that the logo and, in particular, the "creative photographer" phrase, seems to be very very close to the left side of the monitor.</p>
  
  <p>With other screens resolutions (1200x800, 800x600) also the image appears fine for me!</p>
  
  <p>The website is public and is <a href="http://www.antoniafiore.com" rel="nofollow">http://www.antoniafiore.com</a></p>
  
  <p>Am I wrong with something? Could you suggest me where I'm wrong?</p>
  
  <p>Thanks for any reply!</p>
  
  <p>Here there are some screenshots</p>
  
  <ul>
  <li>Firefox with command bar (good): <a href="http://bit.ly/SKser1" rel="nofollow">http://bit.ly/SKser1</a></li>
  <li>Firefox without command bar (bad): <a href="http://bit.ly/QFPCIk" rel="nofollow">http://bit.ly/QFPCIk</a></li>
  <li>IE with command bar (good): <a href="http://bit.ly/Q2m8Ub" rel="nofollow">http://bit.ly/Q2m8Ub</a></li>
  <li>IE without command bar (bad): <a href="http://bit.ly/VxGgD4" rel="nofollow">http://bit.ly/VxGgD4</a></li>
  </ul>