Need help with layered div positioning

[cmayo]

Hi all,

Hoping some kind-hearted CSS guru can tell me how to do this... as usual, I'm way out of my depth here and am hoping this is a simple matter for someone who actually knows what they're doing.

I want to dynamically create a grid of photos using a table, where each photo cell contains several layers and resembles an old scrapbook photo.

Each photo table cell contains (from bottom to top):

1. Drop shadow transparent PNG, slightly larger than photo
2. Photo positioned at top-left of drop shadow
3. Trasparent GIF image of a paper scrapbook corner, positioned at top-left of Photo (#2)
4. Trasparent GIF image of a paper scrapbook corner, positioned at top-right of Photo (#2)
5. Trasparent GIF image of a paper scrapbook corner, positioned at bottom-left of Photo (#2)
6. Trasparent GIF image of a paper scrapbook corner, positioned at bottom-right of Photo (#2)

I need to be able to dynamically define the size and position of all elements so that the entire cell can be scaled up or down in size, so I need to render all images with IMG tags (as opposed to background images).

A sample of my (probably useless) CSS is posted at the URL below. This code renders almost correctly in IE but blows up in Chrome:

http://www.chuckmayo.com/photo_test_help.php

Any help is greatly appreciated.

           +- Second layer - photo layer
           | 
+----+-------------+----+-+
+    +     2       +    +1+ - Bottommost layer - PNG drop shadow layer
+  3 +             +  4 + +
+----+             +----+ +
+                       + +
+                       + +
+                       + +
+                       + +
+                       + +
+                       + +
+                       + +
+                       + +
+                       + +
+----+             +----+ +
+  5 +             +  5 + + - Layers 3,4,5,6 - scrapbook corner images
+    +             +    + +   positioned at top-left, top-right, 
+-----------------------+ +   bottom-leftand bottom-right of layer 2
+-------------------------+  (photo layer)

 

[cmayo]

Never mind... figured it out.

 

[IPGuru]

would you care to post your solution?
it may help others who are reading the forum