title: Jquery changes position of div/img
body: <p>I have found a workaround to center a large image (no background) in a smaller div.</p>
  
  <pre><code>#pic {
   width: 60%;
   height: 349px;
   float:right;
   overflow:hidden;
   position:relative;
  }
  
  #pic img {
   left:50%;
   margin-left: -100%;
   position:relative;
  }
  </code></pre>
  
  <p>I am happy with the positioning.</p>
  
  <p>However, once I use the Jquery cycle plugin, it completely messes up the positioning and size of the images.</p>
  
  <p>As when I inspect the element (With DOM inspector), it the following values are striked through:</p>
  
  <p><strike>left:50%;</strike></p>
  
  <p><strike>margin-left: -100%;</strike></p>
  
  <p>This is causing the repositioning.</p>
  
  <p>Why are they all in the sudden not valid anymore after using Jquery and how can I fix this?</p>
  
  <p>Thank you for any help!</p>
  
  <p>Scott</p>