浮动DIV影响另一个DIV上的图像

Question

我遇到一个肯定可以解决的问题。 我在一个容器中有四个彼此相邻的浮动DIV。 由于某些原因，它们会影响图像在另一个DIV中的定位。

.FooterLinks {
  position: relative;
  float: left;
  height: 250px;
  width: 287px;
}

<div class="ContentWrapperFooterLinks">
  <div id="DIV-1" class="FooterLinks"></div>
  <div id="DIV-2" class="FooterLinks"></div>
  <div id="DIV-3" class="FooterLinks"></div>
  <div id="DIV-4" class="FooterLinks"></div>
</div>
<div id="ContactsSocialMedia">
  <img src="images/facebook-logo.png" />
</div>

由于某种原因，图像被从DIV中向下推。 我认为我必须在某处使用“ clear：both”。我尝试了一切，却找不到正确的方法。

我知道它必须很简单，但是对于我而言，我无法弄清楚。

这是指向测试页的链接，您可以在其中查看问题。LINK