title: Intermittent positioning issue with a jQuery cycle() slideshow
body: <p>This occurs intermittently in Chrome, Firefox, and particularly in Safari.  Has not been observed in IE.  Slideshow appears further from top than it normally does but functions as expected.  Happens more often on a hard refresh making it seem like a document.ready() issue.</p>
  
  <p>Page is here:  <a href="http://privatecare.dreamhosters.com/" rel="nofollow noreferrer">http://privatecare.dreamhosters.com/</a></p>
  
  <p>Correct load:</p>
  
  <p><img src="https://i.stack.imgur.com/YyfzK.jpg" alt="correct load"></p>
  
  <p>Incorrect load:</p>
  
  <p><img src="https://i.stack.imgur.com/IcwQX.jpg" alt="incorrect load"></p>
  
  <p>jQuery initialization:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-latest.js"  type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery.cycle.all.latest.js"&gt;&lt;/script&gt; 
  
  &lt;script type="text/javascript"&gt;
    $(document).ready(function(){
      $('#homeSlides').cycle({ 
        fx: 'fade', 
        speed:  2500
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="homeSlides"&gt;
  &lt;img src="/g/home/slide1.jpg" alt="Connecting You to Better Care" width="639" height="348" onclick='window.location="/why_choose_pca"' /&gt;
  &lt;img src="/g/home/slide2.jpg"  width="639" height="348" alt="Updates on DOL’s Proposed Amendments to Companionship and Live-In Worker Regulations" border="0"  onclick='window.location="/dol-issue-updates"'  /&gt;
  &lt;img src="/g/home/slide3.jpg" alt="Promoting the Rights of Independent Caregivers and Registries Since 1977" width="639" height="348" onclick='window.location="/caregivers"' /&gt;
  &lt;img src="/g/home/slide4.jpg" alt="The Consumer-Directed Model Puts You in Control" width="639" height="348" onclick='window.location="/comparing_your_options"' /&gt;
  &lt;img src="/g/home/slide5.jpg" alt="Join us in Orlando October 10 – 12 for the PCA Annual Conference" width="639" height="348" onclick='window.location="/annual-conference"' /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#homeWrapper {
      position:relative;
      margin:0 auto;
      width:951px;
      background: url(../g/home_bg.jpg) no-repeat;
      min-height:888px;
  }
  
  #homeSlides {
      position:absolute;
      left:290px;
      top: 143px;
      width:639px;
      height:348px;
      overflow:hidden;
      cursor:pointer;
  }
  </code></pre>
  
  <p>Anyone seen this before or have any advice?</p>