title: How to place an iframe over an image?
body: <p>I'd like to place an image under my iframe, but i've pieced together some code and it doesn't appear to be exactly right.  The iframe contains text and has a transparent background.  Can you help me out?  thanks,</p>
  
  <pre><code>&lt;td width="216" style="position: relative;"&gt;
  &lt;img src="http://southwestarkansasradio.com/images/onair995.jpg"&gt;&lt;/a&gt;&lt;br&gt;
  &lt;img src="http://southwestarkansasradio.com/images/playerbackground.jpg" style="z-index:  -1"/&gt;
  &lt;div style="absolute;left:0px;top:0px;font-size: 32px;display: none"&gt;
    &lt;iframe name="I1" width="316" height="216" src="http://southwestarkansasradio.com /NowPlaying.html" border="0" frameborder="0" allowTransparency="true"&gt;
  Your browser does not support inline frames.&lt;/iframe&gt;
  
  &lt;/div&gt;
  &lt;/td&gt;
  </code></pre>