Question

On this page, there are some margin-bottom problems:

It needs to look like this:

Every <p> has a margin-bottom of 21px. It’s probably a collapsing issue, but how do I solve this?

Answer 1

Probably because the span-element inside the p-element has a negative margin:

#media .article p.voetnoot, 
#media .article span {
  margin-top: -21px;
  ...
}

In Internet Explorer the audio-element is replaced with an object nested inside a span and so the rule above is applied causing the media player to shift upwards:

<p>
  <span>
    <object ...
  </span>
</p>
<p class="voetnoot">...</p>

Try this instead:

#media .article p.voetnoot, 
#media .article p.voetnoot span {
  margin-top: -21px;
  ...
}