<blockquote>
<p>Is the firefox fix css even required? <a href="https://github.com/CloudMade/Leaflet/blob/master/dist/leaflet.css#L41-L44">https://github.com/CloudMade/Leaflet/blob/master/dist/leaflet.css#L41-L44</a><br>
It doesn't seem to be overriding anything to me.<br>
I've removed it locally and everything I've tested seems fine in firefox</p>
</blockquote>

<p>It is required, because modern responsive frameworks like to put <code>img { max-width: 100%; }</code> in the CSS globally, and this breaks the map in FF.</p>

<p>I don't recommend removing it locally, since you can easily forget to remove it again when updating Leaflet to a newer version. Just add <code>.leaflet-popup-content img { max-width: <needed value> !important; }</code> in website CSS.</p>

            <p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">
              —<br>
              Reply to this email directly or <a href='https://github.com/openstreetmap/openstreetmap-website/pull/121#issuecomment-10206946'>view it on GitHub</a>.
            </p>
            <img src='https://github.com/notifications/beacon/J6T91GIPIyhU-8ti4GCGP98_UZTRAhtyIjAjorWDZ_nomfmyLkQVxXv4YMMC2rhF.gif' height='1' width='1'>