轮播无法在IE7 / 8中工作

<div class=\"carousel-wrapper\">
    <div class=\"mask\">
        <a class=\"arrow left off\"><-</a>
        <a class=\"arrow left on\" href=\"javascript:void(0);\"><-</a>
        <ul>
            <dsp:droplet name=\"ForEach\">
                <dsp:param name=\"array\" value=\"${listRecommended}\"/>
                <dsp:oparam name=\"empty\">no recommended apps</dsp:oparam>
                <dsp:oparam name=\"output\">
                    <li>
                        <a href=\"javascript:void(0);\"><img src=\"${resourcePath}/images/apps/carousel-image1.jpg\" alt=\"bakery story\"/></a>
                        <a href=\"javascript:void(0);\"><dsp:valueof param=\"element.displayName\"/></a><br/>
                        <dsp:getvalueof var=\"averageRating\" param=\"element.averageRating\"/>
                        <dsp:getvalueof var=\"rating\" param=\"count\"/>
                        <div class=\"rating\">
                             <div class=\"medium\">
                                <dsp:droplet name=\"For\">
                                    <dsp:param name=\"howMany\" value=\"${averageRating}\"/>
                                    <dsp:oparam name=\"output\">
                                        <input checked=\"checked\" class=\"star {split:1}\" disabled=\"disabled\" name=\"product-similar-\'${rating}\'\" type=\"radio\">
                                    </dsp:oparam>
                                </dsp:droplet>
                            </div>
                        </div>
                    </li>
                </dsp:oparam>
            </dsp:droplet>
        </ul>
    </div>
    <a class=\"arrow right off\">-></a>
    <a class=\"arrow right on\" href=\"javascript:void(0);\">-></a>
</div>