```
<style>
img { height: 100px; width: 100px; }
.hover img { display:none; }
.hover:hover img { display:block; }
</style>

<p>other text
</p>
<h1 class="hover">Test 1
<img src="ghost.jpg"/></h1>
<p>other text 
</p>

```

when i hover now it moves all the other text to display the image but i want the image to hover over the text and anything else on the page. not move the text to make room for the image. I know how to use jquery, and javascript but i didn't know what to use in this situation.