Greetings.
Hope you're still interested with this.
I added a "position: relative; left: 0px; top: -50px" to the <div> tag of that block of wordings, so that they could be shifted up as the transparent.gif goes up too.
This is what I could think of.
<div align="center">
<img src="images/spider.gif"
onMouseover="window.status='Spider-man!'; return true"
onMouseout="window.status=''; return true">
</div>
<div align="center">
<img src="images/transparent.gif" width="156" height="87" style="position: relative; left:0px; top:-91px; z-index:0">
</div>
<div align="center" class="spider" style="position:relative; left:0px; top:-50px; z-index:0">
<strong>Interesting Article(s)</strong>
</div>
</div> 
Unsolved 
Offline 
