images de fluide de dimension variable, verticalement et horizontalement centrés

Question

http://www.publicgathering.net/temp/fluidvert.html

Il est intéressant le problème ici est dans Firefox de toutes choses.

Image unique par page, des hauteurs variables et largeurs, doit être verticalement et horizontalement centrée, doit être fluide (rapetisse pour les petites fenêtres du navigateur) et je suis à la recherche simplement pour le soutien récent du navigateur (IE8, Chrome, FF3, Safari )

L'image doit redimensionner (plus petite) sur la base de la largeur du navigateur.

Il fonctionne très bien dans IE8, Chrome et Safari, mais pas FF. Je me rends compte parce que son FF n'enregistre pas la largeur correctement. (Par exemple, vous mettez l'image dans un div large 100% et qui est très bien.) Utiliser simplement une vraie table ne fonctionne pas non plus.

Y at-il un moyen de forcer Firefox à reconnaître la largeur de la table / div? Ou une façon plus simple de contenu de la variable Centrer verticalement?

Sur une autre note: Est-ce que quelqu'un trouve étrange que c'est le comportement par défaut de FF dans cette situation

Answer 1

https://bugzilla.mozilla.org/show_bug.cgi?id=307866

Cela répond à cette question. mais encore un bogue dans FF3.5 rapporté à la fin de 2005.