IE9 DIV дополняющая проблема

Question

http://www.guygar.com/test/android/index.html

если вы нажмете «все, что я хочу сказать», он загрузит некоторый текст через AJAX.

div:

#androidDiv
{
    background-color:#C93;
    color:#FFF;
    width:260px;
    height:321px;
    padding:5px;
    margin-right:10px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    border:1px solid black;
    overflow:auto;
    overflow-y: scroll;
    overflow-x: hide;
    text-align:justify;
}

Я проверил FF, Chrome, Safari, и все они отображаются правильно. но в IE9 почему-то нет отступа внизу текста!

есть идеи, почему это так?

К вашему сведению: это ошибка IE9. в определенных разрешениях экрана IE вводит неправильную границу для divs.

Answer 1

Оберните текст внутри div в <p> и сделайте отступ (и поле, если применимо) для этого

#androidDiv p {
padding: 0 0 5px 0;
}