調整圖像以適應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%或只使用兩種。