iframe layer position

[jalbao]

I am using css to display some navigation buttons -

Example:
<style type=&quot;text/css&quot;>
#btngallery { position: absolute; top: 88px; left: 188px; visibility: visible }
#btnemail { position: absolute; top: 120px; left: 323px; visibility: visible }
#iframecontent { position: absolute; top: 137px; left: 460px; visibility: visible }
</style>

Then in the body I have:
<div id=&quot;btnemail&quot;>
<img src=&quot;images/btn_email.jpg&quot; width=&quot;136&quot; height=&quot;79&quot; name=&quot;btnemail&quot; border=&quot;0&quot;>
</div>
<div id=&quot;btngallery&quot;>
<img src=&quot;images/btn_gallery.jpg&quot; width=&quot;142&quot; height=&quot;85&quot; name=&quot;btngallery&quot; border=&quot;0&quot;>
</div>
<div id=&quot;iframecontent&quot;>
<iframe align=&quot;center&quot; height=&quot;400&quot; width=&quot;350&quot; frameborder=&quot;10&quot; scrolling=&quot;Auto&quot; src=&quot;gallery/index.htm&quot;>
</iframe>
</div>

Notice that the first two divs are images, and the third div is an iframe.

My problem is, I want the iframe to be displayed 'below' (bottom layer) the images - In other words, I want the images to appear 'on top' of the iframe.

Is this possible? If so, how?

tia

 

[cian]

Specify the stacking order, z-index, of each layer and you can position one over the other.

É
::

http://www.endamcg.com