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

Question

在这个页面上我正在创建,由于某种原因,图像在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%或只使用两种.