on my page i would like my visitors to hover over a div that contains text and have an image appear, would need to work in most browsers and not disrupt any other div tags on my page. is there some simple css code to do this?
Initially set the display for the <img> to none, then set it to block/inline in the parent <div> :hover rule.
> not disrupt any other div tags on my page
If you mean you want the image to occupy its space even when it's not shown, you can use visibility: visible/hidden instead.
If you make the image that appears be position:absolute, then it will not disrupt your layout at all when it appears. However, if you do this, you will have to ensure that you have the proper ancestor structure in place so that absolute positioning will adjust properly when the browser viewport changes dimensions (if you are using centering content).
Europe, Middle East and Africa