在firefox中忽略的图像上的百分比最大高度

HTML:

CSS:

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

在Firefox中看到它的jsfiddle

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

我需要将.article设置为高度:100%,以便在Firefox中缩小图像

谁能解释一下firefox如何理解百分比max-height及其容器？

提前致谢 !