ne peut pas obtenir la vraie hauteur / largeur de l'objet en chrome

J'ai une question, si j'ai mis une hauteur de l'image en css et essayer d'obtenir la hauteur/largeur j'obtiens des résultats différents selon les navigateurs. Est-il possible d'obtenir la même dimension dans tous les navigateurs?

Vous pouvez trouver un exemple vivant ici<-suppression de l'

et le concept est comme ceci:

CSS:
img{
  height:100px;
  }

Script:
$(document).ready(function(){
    $("#text").append($("#img_0").attr("height"));
    $("#text").append($("#img_0").attr("width"));
});

Sortie De Firefox:
img height: 100
img largeur: 150

Sortie De Google Chrome:
img height: 100
img width: 0

Sortie De Google Chrome:
img height: 100
img largeur: 93?

j'ai essayé de StackOverflow:
stackoverflow.com/questions/1873419/jquery-get-height-width

mais encore obtenir le même résultat

Tout savoir une bonne solution?

source d'informationauteur Cinaird