Div tags and layers

[Unknown2]

I have a page that made were I used a div tag to create a layer that was at z=-1. This was so I could use a background image and place it where I wanted it.

However I have noticed that it only seems to work in IE. When I view it in firefox the layer was there but if the z value was <0 then it didn't show.

How could I achieve a background layer at works cross browsers?

The page I am working on is http://wildcatsgym.com/photos.htm

Thanks for your time

[harbingerOTV]

Is this the TD in question?

    <td width="850" valign="top"><!-- InstanceBeginEditable name="Body" -->
      <p align="center">&nbsp;</p>
      <h1 align="center" class="style1">Welcome to our photo galleries...</h1>
      <p align="center">&nbsp;</p>

      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center" class="style1">Use the side navigation bar to find your way around </p>
      <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:-1; left: 162px; top: 270px;"><img src="./images/page_images/becka.jpg" alt="Becca" width="355" height="500"></div>
      <h2 align="center" class="style1">&nbsp;</h2>
      <p align="center" class="style1">&nbsp;</p>
      <p align="center" class="style1">&nbsp;</p>
      <p align="center" class="style1">&nbsp;</p>

      <p align="center" class="style1"><br>
        <br>
      </p>
      <p align="center" class="style1"><em>If you wish for a copy of a photo then please ask at the gym </em></p>
    <!-- InstanceEndEditable -->
      <h2 align="center" class="style1"><script src=http://counter.rapidcounter.com/script/1113794699></script>
</h2>
    </td>

try this:

    <td width="850" valign="top" style="background:url(./images/page_images/becka.jpg) bottom left no-repeat;"><!-- InstanceBeginEditable name="Body" -->
      <p align="center">&nbsp;</p>
      <h1 align="center" class="style1">Welcome to our photo galleries...</h1>
      <p align="center">&nbsp;</p>

      <p align="center">&nbsp;</p>
      <p align="center">&nbsp;</p>
      <p align="center" class="style1">Use the side navigation bar to find your way around </p>
      <h2 align="center" class="style1">&nbsp;</h2>
      <p align="center" class="style1">&nbsp;</p>
      <p align="center" class="style1">&nbsp;</p>
      <p align="center" class="style1">&nbsp;</p>
      <p align="center" class="style1"><br>
        <br>
      </p>
      <p align="center" class="style1"><em>If you wish for a copy of a photo then please ask at the gym </em></p>
    <!-- InstanceEndEditable -->
      <h2 align="center" class="style1"><script src=http://counter.rapidcounter.com/script/1113794699></script>
</h2>
    </td>

and see if that's what your after.

[Unknown2]

Yes, That works fine!


Thanks