how to insert list of images by using div tag only not by td and tr tag in magento

[fareednn]

please help me to insert list of images horizontally it is not inserting in my code please check it urgent.it comes under footer so ths s separate file calle
footer.phtml ths s magento

<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to [e-mail] so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2010 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
 
 
?>
  <p> <div id="footer">
  <p>
 
 
 
  <div id="wrap">
  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
    <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
    <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
    <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
    <li><a href="http://www.apple.com/macbookpro/" target="_blank"><img src="i<?php echo $this->getSkinUrl('images/1.jpg') ?>" alt="" name="a" id="a" onmouseover="MM_swapImage('a','','1Roll.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></li>
 
  </ul>
</div>
 
 </p>
    <p><img src="<?php echo $this->getSkinUrl('images/Footer.jpg') ?>" /></p>
  <!-- end #footer -->
 
 

[Frinavale]

If you set the style of the <li> items to have a display:inline style, then your images should display horizontally.

For example:

    #mycarousel li
    {
      display: inline;
      list-style-type: none;
      padding-right: 20px;
    }