Фоновые кнопки отображаются в верхней части кнопки переключения

Question

У меня есть эта проблема:

Как вы можете видеть, мое всплывающее окно не скрывает две кнопки, которые отображаются на странице в IE9, но отлично работает в Mozilla.У меня есть это на моих стилях CSS на этой кнопке переключения:

    .Test.toggle-button {
    background-image: url("../../../images/expand16.gif");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 30px;
    margin-left: 10px;
    padding-left: 18px;
    white-space: nowrap;
    width: 20%;
}

Вот так выглядит мой HTML:

 <div class="pay-instruction-labels">
    <div class="pay-instruction-title">
        Payment Instructions:
    </div>
    <span class="current-details toggle-button">Current</span>
    <span class="prior-years-details toggle-button">Prior Years</span>
    <div class="pay-instruction-fields">

Что здесь не так?

Answer 1

Может быть проблема с z-индексом.Можете ли вы дать вашему элементу всплывающего контейнера position:relative и z-index:9999?

Answer 2

Это была позиция: относительная ошибка. Исправил, все заработало. Спасибо всем:)

Answer 3

Это может быть собственная проблема рендеринга: IE9 использует кнопки Windows; они отображаются Windows вне обычного HTML-рендерера.

Попробуйте заменить кнопки чем-то, похожим на кнопку (например, ссылкой, стилизованной под изображение).