Internet Explorer中的元素重叠

Question

我制作了HTML页面。该页面在Google Chrome和Firefox中正常运行但是Internet Explorer导致了一些问题。 这就是我在Chrome和Firefox

中获得的

但是在Internet Explorer中我得到了这个：

这是我的HTML和CSS代码

    <div class="login">
            <div class="jo-dil clearfix">
                  <div class="hide-on-sm">
                    <h2>GRATIS THUISBEZORGD!</h2>
                  </div>
                    <nav id="primary_nav_wrap">
                        <ul>
                          <li><a href="#"><img src="imgs/euro1.png" /></a>
                            <ul>
                              <li><a href="#"><img src="imgs/euro.png" /></a></li>
                              <li><a href="#"><img src="imgs/euro.png" /></a></li>
                              <li><a href="#"><img src="imgs/euro.png" /></a></li>
                            </ul>
                          </li>
                          <li style="margin-top:-3px;"><a href="#"><img src="imgs/flag1.png" /></a>
                            <ul>
                              <li><a href="#"><img src="imgs/flag.png" /></a></li>
                              <li><a href="#"><img src="imgs/flag.png" /></a></li>
                              <li><a href="#"><img src="imgs/flag.png" /></a></li>
                            </ul>
                          </li>
                        </ul>
                     </nav>        
            </div>

                  <div class="account">
                      <ul>
                        <li><a href="#">INLOGGEN</a></li>
                        <li>|</li>
                        <li><a href="#">REGISTREREN</a></li>
                        <li>|</li>
                        <li><a href="#">MIJN ACCOUNT</a></li>
                      </ul>
                  </div>
      </div>

CSS代码

    .hide-on-sm img{
          float: left; 
      }
    .jo-dil{
           display: block;
           text-align: right;
           }
           .jo-dil img{
                 float: left;
                 margin-top: 12px;
                 margin-left: 0px;
                 }

           .jo-dil h2{
                 color: #858085;
                 float: left;
                 font-family: "Calibri", sans-serif;
                 font-size: 15px;
                 font-weight: 700;
                 margin-left: 47px;
                 margin-top: 13px;
                 text-transform: uppercase;
            }

Link to web（可能不适合工作。）

请看一下并告诉我解决方案。任何帮助都会非常感激。

问候，

Answer 1

完成了。我想通了我实际上是在IE中没有加载的字体。现在它的加载，似乎工作正常！ 感谢