Изменить размер изображения, чтобы соответствовать 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% или просто использовать оба.