使用HTML添加附加幻灯片会导致两个幻灯片合并

Question

我试图在幻灯片中添加额外的幻灯片，由于某种原因，它似乎合并了两张幻灯片。我不确定我为此做了什么。任何建议都非常感谢。

滑块来源：

<!-- BEGIN ASYNC SLIDER -->

    <div id="content-slider">       
        <ul id="async-slider">
            <li class="slide">
                <div class="three-fifth fl-left" style="width: 425px; height: 242px">
                    <h2>Brighter World Lighting - NY</h2>
                    <h3><font size="5"><i>"A not just for profit company!"</i></font></h3>
                    <p>...</a>
                </div>  

                <img class="fl-right" src="img/logolrg.png" alt="image" width="468" height="329" />      

            </li>
          <li class="slide">
            <div class="three-fifth fl-left">


                    <h2>&nbsp;</h2>
                <img class="fl-right" src="img/HOR1.jpg" alt="image" width="450" height="320" /> 
                    <h3>&nbsp;</h3>
                    <p>...</a>
              </div>    


            </li>

            <li class="slide">
                <div class="three-fifth fl-left">
                    <h2>Energy Efficient Lighting Products to fit your needs</h2>
                    <h3><font size="5"><i>T8, T12, E27, Outdoor Lighting, etc</font></i></h3>
                    <p>...</a>
                </div>  

                <img class="fl-right" src="img/sliders/async/2Transparent.png" alt="image" width="347" height="305" /> 

            </li>
          <li class="slide">
            <div class="three-fifth fl-left">
                    <h2>&nbsp;</h2>
              <img class="fl-right" src="img/REBATE.jpg" alt="image" width="450" height="321" /> 
                    <h3>&nbsp;</h3>
                    <p>...</a>
              </div>    



            </li>


            <li class="slide">
                <div class="three-fifth fl-left">
                    <h2>Tax Credits, Rebates, Financing and Grants available for those who qualify</h2>
                    <div>
                      <h3><font size="5"><i>Federal, state and local tax incentives available<br />

                Utility company discounts and rebates
<br />
                      Project financing available to offset costs vs. Savings</font>
                    </div>
                    <h3></a>
              </h3></div>   

                <img class="fl-right" src="img/sliders/async/3.gif" alt="image" />   

            </li>

  <li class="slide">
            <div class="three-fifth fl-left">
                    <h2>&nbsp;</h2>
              <img class="fl-right" src="img/REBATE.jpg" alt="image" width="450" height="321" /> 
                    <h3>&nbsp;</h3>
                    <p>...</a>
              </div>    



            </li>            
            <li class="slide">          

                <img class="fl-left" src="img/sliders/async/4Transparent.png" alt="image" width="347" height="305" />

                <div class="three-fifth last fl-right">
                    <h2>Allow us to create a comprehensive energy partnership program profile for your business</h2>
                    <h3><font size="5"><i>Calculate your Energy Savings in Real Time!</i></font></h3>
                    <p>...</a>
                </div>  

            </li>

        </ul>   
        <div class="clear"></div><!-- end clearfix -->          
    </div><!-- end content-slider -->       

<!-- END ASYNC SLIDER -->

合并幻灯片的屏幕截图：

（您可能需要访问实际网站以比较正确和不正确的幻灯片）