I'm curious about how to overlap images that are sized using a percentage value (in this case, 100%). If the images had a fixed width/height in pixels, I could easily adjust their positions with position:relative to stack them on top of each other. However, it seems that using { position: relative; bottom: 100% } won't work to place one image under/over the other.
You can take a look at what I mean by checking out these full browser-width images:
Warning: downloading lots of large images may slow down the page cmg.reef3.com
I want all of these images stacked on top of each other so I can reveal them one by one every few seconds with a fade out effect.
Any assistance you can provide would be highly appreciated.