ul li列表没有在firefox中显示

Question

            <ul>

            <?php
            for ($i = 1; $i <= 60; $i++) {
            ?>


            <li style="display:inline; float:left;">

            <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA);?>wysiwyg\infortis\brands\img\<?php echo rand(1, 32);;?>.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px"/>

            </li>


            <?php } ?>

            </ul>

在IE中，chrome http://www.mediafire.com/view/myfiles/#d8y0i5kb3nr31gb

在Firefox中 http://www.mediafire.com/view/myfiles/#nxvja4lfciwswsh

我想要的只是一堆图像。该链接将在稍后添加。 我希望它保持简单的内联样式。 我不明白为什么它不在firefox中工作。 我确信图像正常工作。

请帮助我！

这是生成的HTML                 

            <ul>



            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\19.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\8.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\13.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\17.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\29.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\22.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\20.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\5.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\8.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\23.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\29.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\11.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\24.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\23.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\8.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\7.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\18.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\1.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\14.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\26.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\32.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\29.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\15.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\17.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\7.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\24.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\4.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\5.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\32.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\3.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\13.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\30.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\14.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\17.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\19.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\26.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\23.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\19.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\21.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\15.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\6.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\21.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\9.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\22.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\18.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\16.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>




            <li style="display:inline; float:left;">

            <img src="http://127.0.0.1/caterJuly02/media/wysiwyg\infortis\brands\img\12.jpg" style="height:40px; width:100px; margin:10px 10px 10px 10px">

            </li>



            </ul>

            </div>