I have searched under divs, but since I am confused in the first place, I didn't find a direct answer--which is why I'm posting under general.

Well, I want a gif image in front of an iframe and the text to scroll behind the image. An example of this is here:

here (http://ethereal_absence.tripod.com/hellokitty/pop_up.htm)

and this is the page I'm using:
here (http://www.pastfrogg.com/george/billie.htm)

I've tried everything, e-mailed the person who made the hello kitty one, and tried to get the nose gif to go over the iframe, but the nose just goes behind it. I've even tried to work with the z-index.

Ah, well--I'm so confused -_-;; someone please enlighten me so I can get this thing to work.

It appear they told the website exacly where to put the iframe and picture so they overlapped like this:


<div id="iframeplacement" style="position:relative; left: 175px; top:-525px">
<span style="width: 1; height: 1; Filter: Alpha(Opacity=100, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">
<iframe width="250" height="300" src="info.htm" frameborder="0" framespacing="0" scrolling="auto" name="iframe" ALLOWTRANSPARENCY="true" style="filter:chroma(color=#505069)"></iframe>
</span>
</div>
<div id="kitty" style="position:relative; left: 100px; top:-630px">
<img border="0" src="kittysit_gif.gif">
</div>

I did all this, though..which is why I don't understand why it's not working. Couuld you check the coding on my site and see if any mistakes jump out?

Thanks.

Put the image in one div and the IFRAME in the other, but be sure to have the z-index of the image higher than that of the IFRAME. After that, it's just a matter of trial and error where you position them just right.

ok, thanks! I'll try that