From 7542bc9ab52f6335c5392f80f15ec98094a75a41 Mon Sep 17 00:00:00 2001
From: Daryl Koopersmith <koop@git.wordpress.org>
Date: Sat, 26 May 2012 07:02:28 +0000
Subject: [PATCH] Theme Customizer: Fix preview background CSS creation to
 insert/remove style nodes (for IE8 compatibility). fixes #20582, see #19910.

git-svn-id: https://develop.svn.wordpress.org/trunk@20930 602fd350-edb4-49c9-b593-d223f7449a82
---
 wp-includes/js/customize-preview.dev.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/wp-includes/js/customize-preview.dev.js b/wp-includes/js/customize-preview.dev.js
index 36c4a6a858..1aef6aa232 100644
--- a/wp-includes/js/customize-preview.dev.js
+++ b/wp-includes/js/customize-preview.dev.js
@@ -81,7 +81,8 @@
 		});
 
 		api.when.apply( api, bg ).done( function( color, image, position_x, repeat, attachment ) {
-			var body  = $(document.body),
+			var body = $(document.body),
+				head = $('head'),
 				style = $('#custom-background-css'),
 				update;
 
@@ -90,10 +91,6 @@
 			if ( body.hasClass('custom-background') && ! style.length )
 				return;
 
-			// Create the CSS container if it doesn't already exist.
-			if ( ! style.length )
-				style = $('<style type="text/css" id="custom-background-css" />').appendTo('head');
-
 			update = function() {
 				var css = '';
 
@@ -113,7 +110,9 @@
 					css += 'background-position: top ' + attachment() + ';';
 				}
 
-				style.html( 'body.custom-background { ' + css + ' }' );
+				// Refresh the stylesheet by removing and recreating it.
+				style.remove();
+				style = $('<style type="text/css" id="custom-background-css">body.custom-background { ' + css + ' }</style>').appendTo( head );
 			};
 
 			$.each( arguments, function() {