title: Issues with Absolute Positioning of Div in Mobile Browser
body: <p>I am having a lot of issues absolutely positioning a div called id="verticalGenesis" on the following website:  <a href="http://genesispetaluma.com/index.html" rel="nofollow">http://genesispetaluma.com/index.html</a> in a mobile browser, including both Safari and Chrome on the iPhone.  I ideally am trying to position a logo to appear at the right of my screen using the following css:</p>
  
  <pre><code>#verticalGenesis {
  background-image: url("../img/Genesis%20Text.gif");
  background-repeat: no-repeat;
  display: block;
  height: 570px;
  opacity: 0.8;
  position: absolute;
  right: 3%;
  top: 70px;
  width: 123px;
  }
  </code></pre>
  
  <p>This displays fine in all desktop browsers, just as I am expecting, but is appearing in the middle of the screen on mobile browsers.  I have experimented with using right:  3% as well but I am having the same issues.</p>
  
  <p>I am sure that there must be a simple answer to this problem but I have searched everywhere on the web and stackoverflow and I can't figure this out.  Could someone please point me in the right direction?</p>
  
  <p>Thanks,</p>
  
  <p>Chris</p>