Html div外部的内容溢出

我在Firefox上遇到了一个问题（Chrome和Safari上都没有）。我显示的内容位于div之外，如下所示：

这就是我在Chrome上得到的：它非常适合parents div

这是html：

<div style="vertical-align:top; display:inline;" class="buttons">
  <button id="b1">RDC Bas</button>
  <button id="b2" >RDC Haut</button>
</div>
<div id="plan-boutiques" class="boxes">
  <div id="first">
    <img src="img/rdc_bas.png" alt="">
    <a href="" id="carrefour"><p>7</p></a>
    <!-- a link continues -->
  </div>

  <div id="sec" style="display: none;">
    <img src="img/rdc_haut.png" alt="">
    <a href="" id="recre"><p>8</p></a>
    <!-- a link continues -->
  </div>

</div>

因为这是Joomla中的一篇文章，我不想修改父div，我只想修改我构建的内容

您必须更改：

#plan-boutiques > img { ... }

致：

---

因为图像不是

#plan精品店的直接产物

谢谢！很快：）

#plan-boutiques > img { ... }

#plan-boutiques img { ... }