调整图像大小以适合div工作，但不适用于Firefox

Question

在this page我正在创建，由于某种原因，图片在Firefox中是完整尺寸，但它正确调整大小以适应Chrome和其他浏览器。
我不知道为什么这不适用于Firefox 有谁知道如何正常工作？

这是我的css：

#map-wrap {
    display: table;
    margin: 0 auto;
}

#map {
    width: 75%;
    display: inline-block;
}

#space-holder {
    width: 3%;
    display: inline-block;
}

#map-options {
    width: 22%;
    display: inline-block;
    vertical-align: top;
}

#map img {
    max-width: 100%;
    max-height: 100%;
}

Answer 1

将max-width: 100%更改为width: 100%或只使用两者。