调整图像以适应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%或只使用两种。