help with jquery cycle plugin...

help with jquery cycle plugin...

Please I need that this example of this plugin to work with internet explorer 6 and 7, with the 8 and another browsers it works very good, please help me...
                        
                                         Here is the source code and the folder with the example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.min.js"></script>
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
 #s2{
 margin:auto;
 text-align:justify;
 width:500px;
 height:850px;
 border:1px solid #0000FF;
 }
 
 a{
 color:#000099;
 cursor:pointer;
 }
</style>
<script type="text/javascript" language="javascript">
    $(document).ready(function(){
         $('#s2').cycle({
    fx:     'fade',
    speed:  'fast',
    timeout: 0,
    next:   '.next2',
  });     
});
</script>
</head>
<body>
<p><strong>Dr. Cualquier Cosa </strong></p>
<div id="s2">
<div><p>Cualquier Cosa</P>
  <P>1</P>
  <P><strong>2</strong></P>
  <P>3 </P>
  <P>4</P>
  <P><strong>5</strong></P>
  <P>6  </P>
  <P>7 </P>
  <P>8 </P>
  <P>9  </P>
  <P>10  </P>
  <P><strong>11 </strong></P>
  <p>12 </p>
  <p>13</p>
  <p>14 </p>
  <p>15</p><br/>
  <p><a class="next2">Siguiente</a></p>
 </div>
 <div>
  <P><strong>16 </strong></P>
  <p>17</p>
  <p>18</p>
  <p>19</p>
  <p>20</p>
  <p>21</p>
  <p><a class="next2">Siguiente</a></p>
 </div>
</div>
</body>
</html>