title: JQuery Cycle Plugin doesn't show text overlay in IE8
body: <p>Let me start by saying how I am a beginner at web designing, so my code and website may be a bit messy (although I try to do a clean job).</p>
  
  <p>I have successfully added the JQuery Cycle Plugin to the homepage of my website, which looks great in Chrome, Firefox, and even works in IE9 when I accept the add-ons. But, when I tested it on IE8 no plug-in was asked to load, and it shows the text it show's it in regular font in black, which cannot be seen because the background is also black. </p>
  
  <p>I assume the problem lies somewhere within IE8 and the CSS file, although I am not entirely sure. I'm hoping there's a fix for this.</p>
  
  <p>jquery-1.3.1.min.js</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div id="data" style="position: absolute; left: -12px; top: 237px; width: 775px; height: 556px; z-index: 11"&gt;
  
  &lt;div id="layer8" style="position: absolute; left: 13px; top: 3px; width: 760px; height: 456px; z-index: 17"&gt;
  
          &lt;div id="gallery"&gt;
  &lt;a href="#" class="show"&gt;
      &lt;img src="images/intro/Slide_1.jpg" alt="Flowing Rock" width="997" height="532" title="" alt="" rel="&lt;h3intro&gt;Great Neck - A Community of Luxury Homes&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
      &lt;img src="images/intro/Slide_2.jpg" alt="Grass Blades" width="997" height="532" title="" alt="" rel="&lt;h3intros&gt;SEEK THE BEST&lt;/h3intros&gt;&lt;h3intro&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;KNOWLEDGE...&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
      &lt;img src="images/intro/Slide_3.jpg" alt="Ladybug" width="997" height="532" title="" alt="" rel="&lt;h3intros&gt;SEEK THE BEST&lt;/h3intros&gt;&lt;h3intro&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;INTEGRITY...&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
      &lt;img src="images/intro/Slide_4.jpg" alt="Lightning" width="997" height="532" title="" alt="" rel="&lt;h3intros&gt;SEEK THE BEST&lt;/h3intros&gt;&lt;h3intro&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;SERVICE...&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
      &lt;img src="images/intro/Slide_5.jpg" alt="Lotus" width="997" height="532" title="" alt="" rel="&lt;h3intro&gt;We love what we sell...&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
      &lt;img src="images/intro/Slide_6.jpg" alt="Mojave" width="997" height="532" title="" alt="" rel="&lt;h3intro&gt;And only sell what we love...&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  &lt;a href="#"&gt;
      &lt;img src="images/intro/Slide_7.jpg" alt="Pier" width="997" height="532" title="" alt="" rel="&lt;h3intros&gt;FIND&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/h3intros&gt;&lt;h3intro&gt;JANET ETESSAMI REALTY&lt;/h3intro&gt;"/&gt;
  &lt;/a&gt;
  
              &lt;div class="caption"&gt;
  
                  &lt;div class="content"&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div class="clear"&gt;
          &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Through this, any chance I could be directed to exactly what code I should be putting?</p>