image always appears under a layer

[rodentcentre]

I am about to go crazy here...I have 1 image contained in a layer and another image not contained in a layer... I cannot get the image that is not contained in the layer to be shown below the one in the layer instead of underneath it. I figured that this would just position the image correctly but obviously it is wrong:

<div id="pic" style="position:absolute;top:100px;left:10px;width:140px;visibility:visible">
	<img src="../images/Jsimg.gif" />
</div>
<a href="[URL unfurl="true"]http://www.tek-tips.com"[/URL] target="main"><img src="tek.gif" /></a>

can anyone relieve me of my insanity??

 

[Vragabond]

This is an awkward way to do it. Try:

<div id="pic" style="position: relative; top: 100px; left: 10px; width: 140px; visibility: visible; height: 100px; background: url(../images/Jsimg.gif);">
  <a href="[URL unfurl="true"]http://www.tek-tips.com"[/URL] target="main"><img src="tek.gif" /></a>
</div>

By adding styling to your <a> tag you can also position it anywhere inside the mentioned div.