html - 调整图像大小以适合 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% 或同时使用两者。