title: prettyPhoto in IE not working properly
body: <p>prettyPhoto is not displaying properly on IE7. I have 3 pictures in the gallery, and the picture overlay only comes up when I click on the third picture, the other ones just behave like normal pictures (it just goes to the picture location).</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;ul class="gallery clearfix"&gt;
              &lt;li&gt;&lt;a href="images/j/DSCN0868.jpg" rel="prettyPhoto[gallery1]" title="Hermoso "&gt;&lt;img src="images/j/DSCN0868.jpg" width="250" height="180" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/j/DSCN0863.jpg" rel="prettyPhoto[gallery1]"&gt;&lt;img src="images/j/DSCN0863.jpg" width="250" height="180" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/j/DSCN0855.jpg" rel="prettyPhoto[gallery1]"&gt;&lt;img src="images/j/DSCN0855.jpg" width="250" height="180" alt="" /&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
  </code></pre>
  
  <p>The Javascript:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" /&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;script src="prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" charset="utf-8"&gt;
      $(document).ready(function(){
              $("area[rel^='prettyPhoto']").prettyPhoto();
  
              $(".gallery:first a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal',theme:'light_rounded',slideshow:3000, autoplay_slideshow: false});
              $(".gallery:gt(0) a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'fast',slideshow:10000, hideflash: true});
  
              $("#custom_content a[rel^='prettyPhoto']:first").prettyPhoto({
                      custom_markup: '&lt;div id="map_canvas" style="width:260px; height:265px"&gt;&lt;/div&gt;',
                      changepicturecallback: function(){ initialize(); }
              });
  
              $("#custom_content a[rel^='prettyPhoto']:last").prettyPhoto({
                      custom_markup: '&lt;div id="bsap_1259344" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"&gt;&lt;/div&gt;&lt;div id="bsap_1237859" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6" style="height:260px"&gt;&lt;/div&gt;&lt;div id="bsap_1251710" class="bsarocks bsap_d49a0984d0f377271ccbf01a33f2b6d6"&gt;&lt;/div&gt;',
                      changepicturecallback: function(){ _bsap.exec(); }
              });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks!</p>