javascript - Flexslider issue: imgs increase in size after switching -

view page here

i've installed flexslider woothemes simple way have 3 rotating pictures. reason, when image switches next one, next image becomes huge momentarily resizes down. images height , width size of div shouldn't stretching image.

my <*head> code

<link rel="stylesheet" href="<?php bloginfo('template_url')?>/flexslider.css" type="text/css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="<?php bloginfo('template_url')?>/jquery.flexslider.js"></script> <script type="text/javascript" charset="utf-8">   $(window).load(function() {     $('.flexslider').flexslider();   }); </script> 

my html code

<div class="flex-container"><div class="flexslider">   <ul class="slides">     <li>   <img src="http://ontargetclients.com/staging/womenscareflorida/wp-content/uploads/2013/05/1.jpg" /> </li> <li>   <img src="http://ontargetclients.com/staging/womenscareflorida/wp-content/uploads/2013/05/2.jpg" /> </li> <li>   <img src="http://ontargetclients.com/staging/womenscareflorida/wp-content/uploads/2013/05/3.jpg" /> </li>   </ul> </div></div> 

again, can view problem here. in advance!!