Переполнение: скрытый в IE не скрывает изображение под рамкой

Question

Я пытаюсь вставить изображения в основной контейнер, используя некоторые основные JavaScript при загрузке страницы.

Я установил переполнение: скрыто в моем контейнере, так что изображение не может быть видел, пока он на самом деле не попадет в контейнер.

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

Мой оригинальный код:

#container{
 border: 5px solid #3A3535;
 width: 960px;
 margin: 0 auto;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 padding: 10px 20px 0;
 background: #fff;
 overflow: hidden;
 position: relative;
}

UPDATE: Мне удалось заставить его работать. Я завернул контейнер в div, удалил границу из контейнер, и добавил границу для оболочки. Исправляет это, хотя я не знаю, почему именно.

#wrapper{
    width: 1000px;
    position: relative;
    margin: 40px auto;
    border: 5px solid #3A3535;
    -moz-border-radius: 16px;
   -webkit-border-radius: 16px;

   border-radius: 16px;
}
#container{
 width: 960px;
 margin: 0 auto;
 -moz-border-radius: 12px;
 -webkit-border-radius: 12px;
 border-radius: 12px;
 padding: 10px 20px 0;
 background: #fff;
 overflow: hidden;
 position: relative;
}

Answer 1

попробуйте добавить высоту для Div следующим образом:

height:100%

Answer 2

div.something {
    width: 200px;
    overflow: hidden;
}

Попробуйте установить ширину или высоту, чтобы переполнение работало.