HTML:

<div class="container">
    <article class="article">
        <img class="article-img" src="bordeaux.jpg" />
    </article>
</div>

CSS:

.container{
    width:500px;
    height:200px;
}
.article{
    max-height:100%;
}
.article-img{
    max-height:100%;
}

veja o seu jsfiddle emRaposa de fogo

http://jsfiddle.net/UETMr/4/

Eu precisava definir.Artigo à altura: 100% para imagem encolher no Firefox

alguém pode explicar como o firefox entende a porcentagem max-height e seus contêineres?

desde já, obrigado !