Jquery .html, Firefox encodes qoutes in attributes
<p>I have a hotfix app which generates HTML slides. The modules are built in Jquery with the background as inline CSS (the best solution i could come up with since they are unique per instance). </p>

<p>The problem is that firefox converts the quotes in the style attribute into:</p>

<pre><code>&lt;div style="background-image: url(&amp;quot;bigspace-template.jpg&amp;quot;);"
class="nuiOpenspace t1 skin1"&gt;
</code></pre>

<p>The webkit browsers have no issues with this.</p>

<p>demo:
<a href="http://www.greenpeace.cc/p3/nui/" rel="nofollow">http://www.greenpeace.cc/p3/nui/</a></p>

<p>the script:
<a href="http://greenpeace.cc/p3/nui/js/nui.builder.js" rel="nofollow">http://greenpeace.cc/p3/nui/js/nui.builder.js</a></p>

<p>They only way i have been able to get the background attribute is by:</p>

<pre><code>// Build function, shortened
openspace.build = function(){
// ...
var bgstr = 'background-image: url('+ this.val_image + ')';
$o = $('&lt;div class="nuiOpenspace"&gt;&lt;/div&gt;').attr('style', bgstr);
// ...
}
</code></pre>

<p>This is then output appended to the document:</p>

<pre><code>function Sandbox(){
    var $sandbox = $("#sandbox");

    this.fill = function(o) {
        $sandbox.empty();
        $sandbox.append(o);
    };
    // ...      
}
</code></pre>

<p>I then get the HTML from the dom, convert to string and then output it in a textarea:</p>

<pre><code>function Source(){

    this.print = function(o, c_val){

        //var parsed_html = this.parse(o, c_val);
        //var pretty_html = "";         
        //pretty_html = style_html( parsed_html );

        //console.info(x.replaceAll('&amp;qout;', 'x'));            

        $code.text( style_html($("#sandbox").html()) );
    };
}

var source = new Source();
</code></pre>

<p>I´ve tried search and replace but firefox keeps changing to / adding &quot;. Any ideas?</p>
