I have a simple but frustrating question regarding why I can't change the innerHTML of a div onMouseover and keep the contents there. The code attached will allow me to mouse over the div and will change the innerHTML to the image, but If I touch that image with the mouse, it executes as a onMouseout, because I assume it is not touching the div anymore. Any thoughts?
if(action == 'on')
document.getElementById("image_holder").innerHTML = '<img src="../../images/proof_label.png">';
document.getElementById("image_holder").innerHTML = " ";
<div id="image_holder" onMouseOver="proof_image('on');" onMouseOut="proof_image('off');" style="background-image:url(thumbnails/thumb1.jpg); height:500px; width:500px; vertical-align:middle;"> </div>