IE 8 переполнение не рендеринг

Question

Я пытаюсь добавить переполнение к элементу HTML, и, конечно, это работает в любом браузере, кроме IE.

Вот мой код:

<div class = "twitter">
  <div class="twitter_image">
    <div class="user"></div>
  </div>
  <div class="label">
    <div class="boarder_control">
      <div class= "tweet_container">
      </div>
    </div>
    <div class ="smfooter"></div> 
  </div>
</div>

CSS:

  .twitter {
    padding-bottom: 2px;
    background-color: green;
  }

  .smfooter {
    padding: 2px;
    height: 10px;
  }

  .label {
    height: 15px;
  }

  .tweet_container {
    overflow-y:auto;
  }

  .boarder_control{
    padding:5px;
  }

  .tweet {
    margin-top: 7px;
    margin-bottom: 7px;
  }

Каковы оптимальные методы использования переполнения в IE 8?

IE:

Все остальные браузеры на земле:

Спасибо

Answer 1

http://www.w3schools.com/cssref/css3_pr_overflow-y.asp

Примечание. Свойство overflow-y не работает должным образом в IE8 и более ранних версиях.

Это можно решить с помощью overflow: scroll;

Если есть горизонтальная полоса прокрутки, то вам, возможно, придется скрыть ее с другим div.

Попробуйте эту тему ...

Скрыть HTML горизонтальную, но не вертикальную полосу прокрутки

Answer 2

попробуйте также присвоить высоту .tweet_container, например,

.tweet_container { height: 300px; overflow-y: auto; }