animate() grabbing background in parent. IE7 render error?

animate() grabbing background in parent. IE7 render error?

I had posted this before and had abandoned it in favor of just running different non-animating code for IE flavors. But the client wants the slide.

Here's the test page:
http://www.rooxilist.com/bbnlev/innovation_slide.html

The div, #content slides in from the right.

$("#content").css({'margin-right' : '-651px' }).animate( { marginRight: "0px" }, 1200 );


Works GREAT in all browsers, except, apparently, IE7. In IE7 the background image in the parent, #bgfield, tracks with #content and ALSO slides in from the right (according to my client... can't verify myself).

Any ideas why this might go on? They really want to keep the slide. The only relationship between the two divs is the parent-child. I'mm thinking this is some Microsoft wierdness that can't be overcome by ordinary means.

Thanks all.

S.