Internet Explorer shows UL without right styling
<p>Basically I've got 3 <code>ul</code> inside one <code>div</code>. All of em are floated beneath and every browser shows it correct except Internet Explorer. I tested it with IE 11
<a href="https://i.stack.imgur.com/T6hsX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/T6hsX.png" alt="Internet Explorer 11"></a></p>

<p>Jsfiddle (html/scss): <a href="https://jsfiddle.net/gs7wmgf7/" rel="nofollow noreferrer">https://jsfiddle.net/gs7wmgf7/</a></p>

<p>It should look like this</p>

<p><a href="https://i.stack.imgur.com/Nypwk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Nypwk.png" alt="enter image description here"></a></p>