Положение <div>сверху

Question

У меня есть область на странице, которая использует переполнение. В стороне этого div есть контент с несколькими ссылками и несколькими скрытыми div. При нажатии на ссылку отображается скрытый div. В FF div выглядит так, как задумано: выше всего остального, в IE, однако он отображается над содержимым внутри div с переполнением, но не выше переполнения. Как я могу это исправить?

Вот пример моего кода:

<style>
.hiddenDiv {
    position:absolute;
    zIndex:9999;
    width:300px;
    height:250px;
    background:#fff;
    border:1px solid #ccc;
}
</style>
<div style="overflow-y: auto; border: 1px solid #ccc; height: 200px; width: 300px">
    some content here
    <div class="hiddenDiv" style="display:none">more content here</div>
</div>

Я думаю, что это какая-то особая проблема IE.

Answer 1

Это означает, что ваша страница отображается в режиме причуд.

У вас есть объявленный тип документа на вашей странице?

пример, который отлично работает, если IE не переведен в режим причуд (, тогда он демонстрирует поведение, которое вы описываете ): http://www.jsfiddle.net/UtKYn/1/

Answer 2

Использование:

* { zoom: 1; }

Хотя не рекомендуется использовать селектор *, поэтому постарайтесь немного его сузить. Также рассмотрим z-index

Answer 3

попробуйте добавить

margin: 0px;
padding: 0px;

выше код для div с отступом.