how to put multiple cycle plugin divs on one page?

how to put multiple cycle plugin divs on one page?

hi evrybody!

i'm trying to put multiple cycled galleries on one page. cycling works, BUT the cycled divs are being displayed stacked one over each other... of course i want to display them like normal divs, below each other... how can i achieve this?

many thanks!

fusi

  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4.     $('.slides').cycle({
  5. fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  6. speed:  250
  7. });
  8. });

  10. </script>


  2. <div id="slidecontainer" style="background-color: red;">
  3.       


  6. <div id="q1" class="slides" style="position: relative;">
  8.                   <img src="pic01.jpg"/>
  9.                  <img src="pic02.jpg"/>
  10. <img src="pic03.jpg"/>
  11.   </div>
  12.   
  13.   
  14.   <div id="q2" class="slides" style="position: relative;">
  15.                   
  16.       <img src="pic01.jpg"/>
          <img src="pic02.jpg"/>
          <img src="pic03.jpg"/>

  17.   </div>


  20.     <div id="q3" class="slides" style="position: relative;">
  21. <img src="pic01.jpg"/>
  22.                  <img src="pic02.jpg"/>
  23. <img src="pic03.jpg"/>
  24.     </div>  
  25.  </div>