I tried the css code with no change, here is the result and perhaps you can say if there is something not implemented as described above:
Web page code (from PHP page): <div id="top_area"> <div id="slideshow" class="pics" align="center"> <?php for ($counter = 0; $counter < $images_count; $counter++) { ?> <img class="top_image" src="images/images_processed/<?php echo $images[$counter]->filename ?>" alt="<?php echo $images[$counter]- >object_name ?>" /> <? } ?> </div> </div> CSS related code: #top_area { height:300px; background-color:#1b1b1b; position:relative; } .top_image { max-height:280px; max-width:766px; padding: 10px; } .pics { position:absolute; left:0px; top:0px; } Javascript code in page header: <script type="text/javascript"> $(function() { $('#slideshow').cycle({ timeout: 8000, speed: 3000 }); }); </script>