I have a page with panes. They all use a very similar markup:

<div class="scroll">...</div>

div.scroll {
    overflow: auto;

One of the div does not show any content. If I remove overflow:auto, it display fine. No problem on IE or FF. All the other pages (with the same overflow: auto) show fine.

To look at the page in question: http://domian-generator.us/ and lick on "Continents".

Any idea how I can go around this issue?

1 answer

This was chosen as the best answer

You need to give it a width and transpose the 'i' and the 'a' in your link.

Answered about 9 years ago by Nathan Duran
  • I don't have any <a> or <i> in this div. I did add width: 100% in <div class=scroll">. Now, the content is showing on outside of the pane, on the right. Julien about 9 years ago
  • I've added another <hr style="clear: both"> before each <div class="scroll"> and it fixed the issue. Thank you Julien about 9 years ago