redraw - Chrome is somehow erasing the background image? -

well baffling. working on project, when hit this.

i have background image on content area, defined background-attachment:local , background-position:bottom right. reason, when element positioned on changed in way (basically causing redraw of content) corresponding section of background image erased in chrome, revealing plain background colour beneath. attempting diagnose in inspector fruitless, pressing arrow key when editing css value causes re-calculate background image , comes back.

unfortunately, unable provide fiddle can't seem reproduce error without re-implenting entire website, not possible @ moment in private alpha stage.

this far first redraw error i've had in chrome. instance, 1 element had reveal "edit" button changing overflow hidden visible, again when mouse went away - in other browsers fine, chrome leave edit button there until scrolled.

so guess question is: "has heard of issues before, , there way force redraw in chrome?"

i had similar start happening me in strange situations of overlaying div. wouldn't draw div entirely @ first. if moused on it, partially draw mouse was, , if highlighted it, finish drawing whole element. element positioned absolutely. not reproduce issue in fiddle.

i know isn't exact situation lined out here, found question when looking redraw issues in chrome , though @ least post since worked me.

i append div:

document.getelementbyid(targetparent).appendchild(mydiv); 

and force redraw, right after line used

settimeout(function(){ mydiv.style.zindex = 6; },5); 

the z-index 5 increased one. increasing caused redraw. know might think 6 fixed layering issue, tried base level of 500 , still reproduced same problem. tried $(mydiv).show().hide() did not force redraw of element.