title: Colorbox is not showing content box correctly
body: <p>I have a cbox that is not showing content as expected. It should show it as this image:</p>
  
  <p><a href="https://i.stack.imgur.com/upYDa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/upYDa.png" alt="enter image description here"></a></p>
  
  <p>Instead, the inner box is not showing, but the scroll down is being done. The content is there, because I can see it in this image:</p>
  
  <p><a href="https://i.stack.imgur.com/QKUz0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QKUz0.png" alt="enter image description here"></a></p>
  
  <p>But it's not being shown inside the colorbox. </p>
  
  <p>Any idea on why it's not working?</p>
  
  <p><strong>EDIT:</strong> As additional info, my <em>colorbox.css</em> is being loaded before the <em>colorbox.js</em>, and jquery is being loaded before <em>colorbox.js</em>.</p>
  
  <p>After executing these lines:</p>
  
  <pre><code> $('#cboxOverlay').css('z-index', '99');
   $('#cboxOverlay').show();
   optionsContainer.show();
  </code></pre>
  
  <p>The white box is being created with no content. But for the second example, the white box is not being shown...</p>
  
  <p>Where <em>optionsContainer</em> contains text at <em>innerHTML</em> and <em>innerText</em>.</p>