title: What causes a parent container to cut off content in child element?
body: <p>On Mac Safari and Chrome, this dark select box appears correctly:</p>
  
  <p><img src="https://i.stack.imgur.com/Jcr3t.png" alt="enter image description here"></p>
  
  <p>In iOS Safari, it gets cut off at the border of the selected div:</p>
  
  <p><img src="https://i.stack.imgur.com/9REEW.png" alt="enter image description here"></p>
  
  <p>What could make that happen? Here are the styles of the selected parent:</p>
  
  <p><img src="https://i.stack.imgur.com/Fpsp4.png" alt="enter image description here"></p>
  
  <p>and on the select box:</p>
  
  <p><img src="https://i.stack.imgur.com/xGJP7.png" alt="enter image description here"></p>