html - 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

在火狐 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>