Multiple shows does not work in table :(

Hi, I have a problem. I would like to create multiple shows with Ken Burns 
effect. Why those effects don't work in table? Could you help me somehow?

-------------------------------test-----------------------------------

http://e-duet.com/test/Photo%20Service.html

----------------------------head--------------------------------------

<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" 
/>
    <script type="text/javascript" src="js/mootools.js"></script>
    <script type="text/javascript" src="js/slideshow.js"></script>
    <script type="text/javascript" src="js/slideshow.kenburns.js"></script>
    <script type="text/javascript">     
//<![CDATA[
      window.addEvent('domready', function(){
var myShow = new Slideshow.KenBurns('show1', ['People1.jpg', 'People2.jpg', 
'People3.jpg', 'People4.jpg'], { delay: 5000, duration: 2000, height: 280, hu: 
'images/Photo Service/People/', width: 180 })
var myShow = new Slideshow.KenBurns('show2', ['Outdoor1.jpg', 'Outdoor2.jpg', 
'Outdoor3.jpg', 'Outdoor4.jpg'], { delay: 5000, duration: 2000, height: 280, 
hu: 'images/Photo Service/Outdoor/', width: 180 })
var myShow = new Slideshow.KenBurns('show3', ['Reportage1.jpg', 
'Reportage2.jpg', 'Reportage3.jpg', 'Reportage4.jpg'], { delay: 5000, duration: 
2000, height: 280, hu: 'images/Photo Service/Reportage/', width: 180 })
var myShow = new Slideshow.KenBurns('show4', ['Varieties1.jpg', 
'Varieties2.jpg', 'Varieties3.jpg', 'Varieties4.jpg'], { delay: 5000, duration: 
2000, height: 280, hu: 'images/Photo Service/Varieties/', width: 180 });
});
//]]>
    </script>

-------------------------------body-----------------------------------

<td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" 
background="images/Photo%20Service/kolumna2.jpg">
                <div id="show1" class="slideshow">
    <img src="images/Photo Service/People/People1.jpg" height="280" width="180" />
  </div>
                </td>
        <td align="left" valign="top" height="280" width="77" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna3.jpg">
                &nbsp;</td>
        <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna4.jpg">
                <div id="show2" class="slideshow">
    <img src="images/Photo Service/Outdoor/Outdoor1.jpg" height="280" width="180" />
  </div>
                </td>
        <td align="left" valign="top" height="280" width="75" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna5.jpg">
                &nbsp;</td>
        <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna6.jpg">
                <div id="show3" class="slideshow">
    <img src="images/Photo Service/Reportage/Reportage1.jpg" height="280" width="180" />
  </div>
                </td>
        <td align="left" valign="top" height="280" width="75" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna7.jpg">
                &nbsp;</td>
        <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna8.jpg">
                <div id="show4" class="slideshow">
    <img src="images/Photo Service/Varieties/Varieties1.jpg" height="280" width="180" />
  </div>
                </td>
Original issue reported on code.google.com by cichy...@o2.pl on 20 Jan 2011 at 4:22
joeblack9988 / slideshow

Multiple shows does not work in table :( #158
