title: What CSS rule would cause elements within a div to overlap when height is applied to the parent div?
body: <p>As per the title, I have a parent div within which are div (contains image), h4, and h5 elements. When I apply a height to the parent div the elements overlap. See images below for illustration. Note: the elements are overlapping with other elements from OTHER divs.</p>
  
  <p><a href="https://i.stack.imgur.com/8NtzC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8NtzC.png" alt="enter image description here"></a><a href="https://i.stack.imgur.com/4uYT1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4uYT1.png" alt="enter image description here"></a></p>
  
  <p>As I have purchased the template I'm not certain what is causing this. I have tried turning rules on and off in Chrome dev mode to no success.</p>