Say I have:

1. <script type="text/javascript">
2.         $(function() {
3.                 $('.slideshow').cycle();
4.         });
5. </script>
6. 
   
7. <div class="slideshow">
8.         <div>
9.                 <img src="test.jpg" />
10.                 <p>My caption</p>
11.         </div>
12.         <div>
13.                 <img src="test2.jpg" />
14.                 <p>My caption</p>
15.         </div>
16. </div>
    

I'd like for the container to resize to the largest child size, but it doesn't look like in Safari/Chrome it can do this. It works in Firefox, but only after a refresh of the page. I'm guessing it's to do with the fact that the images aren't the direct child of the container div?

Is it possible for this to work?