http://www.publicgathering.net/temp/fluidvert.html
Interestingly enough the problem here is in Firefox of all things.
Single image per page, variable heights and widths, has to be vertically and horizontally centered, has to be fluid (shrinks for smaller browser windows) and I'm merely looking for recent browser support (IE8, Chrome, FF3, Safari)
The image should resize (smaller) based on the width of the browser.
It works fine in IE8, Chrome and Safari but not FF. I realize its because FF isn't registering the width properly. (For instance you put the image in a 100% wide div and that's fine.) Simply using a real table doesn't work either.
Is there a way to force Firefox to recognize the width of the table/div? Or a simpler way to vertically center variable content?
On another note: Does anyone find it strange that this is FF's default behavior in this situation?