Why is Firefox displaying svg images wrong?
<p>I encountered a weird Firefox's behaviour. It renders SVG images cutting parts of them or not displaying them at all, but only certain of images, not all of them. Chrome and IE are displaying them properly. Here is a link to the website I put said images on:
<a href="http://funjo.pl" rel="nofollow noreferrer">funjo.pl</a></p>
<p>Images which are not being displayed properly are logo in top menu bar and big blue logo with transparency on the big very top banner. The funny thing is that two icons a bit down on the same page (three rolls and woman's legs), which are also SVGs are being displayed properly. Could someone please tell me what's going on? I suppose there is something wrong with SVG image code itself but I can't detect what exactly.</p>
<p>I'm not pasting whole images' code beacuse it's too much of it. You can download these images from <a href="http://funjo.pl/media/2016/06/logo.svg" rel="nofollow noreferrer">http://funjo.pl/media/2016/06/logo.svg</a> and <a href="http://funjo.pl/media/2016/06/logo2.svg" rel="nofollow noreferrer">http://funjo.pl/media/2016/06/logo2.svg</a>.</p>
<p>PS: If you really want me very badly to paste the whole code let me know.</p>
<p>PS2: I created all of SVGs on the website using Corel X7, if this information helps in anything.</p>
<p>PS3: I'm using the newest FF v 46.0.1.</p>