Is it possible to place a div so it is sitting above the content? For example, lets say I have a photo and I want to put a navigation bar above it so the navigation is part of the photo instead of being an extra bar of interface taking up screen realestate: Back | Thumbnails | Gallery | Next
Since I am limited on x height in this particular case, I would like the navigation to float above (z axis) the photo. I am using PNGs for the nav so that only the icon outline appears over the photo.
I should probably also note that this is for displaying a series of photos on a mobile device, hence the reason I am limited on the vertical x axis.
Lastly, can someone point me to the best resource info on how to design for mobile devices? I'm new at it.