extraño comportamiento de la interfaz de usuario jQuery explotar en Internet Explorer

Question

Estoy tratando de mostrar una imagen de fondo cuando un usuario hace clic en un cuadro. (Sé que soy un poco perezoso en el CSS)

<script type="text/javascript">
$(document).ready(function() {
        var options = {};
        $(".toggler1").click(function() {
            $("#effect1").effect("explode",options,1000);
            $(".toggler1").html("<div id='effect1b' style='float:left;width:207px;height:153px;></div>");
            return false;
        });
});
</script>

El contenedor de imagen es

<div class="toggler1">
    <div id="effect1" style="float:left;width:207px;height:153px;border:none;">
        <p>
        </p>
    </div>
</div>

La hoja de estilo es simplemente

<style type="text/css">
    #effect1b {
    background: url("2_01.jpg");
    }   
</style>

¿Por qué sería este trabajo en Firefox pero no en IE? Creo que estoy volviendo un poco loco!

Answer 1

Su HTML está mal formado. No se encuentra una cotización de cierre.

$(".toggler1").html('<div id="effect1b" style="float:left;width:207px;height:153px;"></div>');