Плавающий ребенок в переполненном родителе с ie7

Question

Итак, у меня есть несколько div-ов ... Цель здесь - поиграть с некоторыми эффектами скрытого шоу.

<div class="container">
    <div class="move">
        Some dynamic content...
    </div>
</div>



.container {
    width:100px;
    height:100%;
    owerflow-y:hidden;
}


.move {
    width:300px;
    height:100%;
    float:right;
}

Проблема в том, что в ie7 право float не работает.Div .move будет придерживаться слева.
Есть ли способ исправить это?

Спасибо.

Answer 1

Вы можете использовать text-align:right вместо float:right с вашими текущими значениями ширины (Внутренний DIV с более чем шириной Внешнего DIV).

Answer 2

Это потому, что ширина ваших контейнеров меньше, чем содержимое.

Если вы выберете ширину .контейнера больше, вы увидите, что эффект работает. Если вы хотите, чтобы .move находился в контейнере DOM-Tree, но не на экране, используйте position: absolute.