Проблема с переполнением CSS в Firefox

Я пытаюсь написать CSS, в котором, когда пользователь пишет текст, и он переполняется вместо полосы прокрутки или скрытия, он просто опускается, как в обычном документе Word или около того. У меня есть такой код:

#content-text {
    width: 960px;
    padding-left: 10px;
    padding-right:10px;
    text-align: left;
    color:#000;
    height:100%;
    margin-left: 25px;
    margin-right:25px;
}

Странно то, что хотя этот код действительно делает то, что я хочу в IE в Firefox, он переполняется и становится полосой прокрутки. Я пробовал переполнение: авто; переполнение: скрыто; и переполнение: наследование; просто посмотреть, помогли ли они, но пока не повезло, и я, честно говоря, понятия не имею, почему это происходит в Firefox, = / кто-нибудь из вас знает?

Обновлять: Пробовал с переполнением: visible; но я просто получаю переполнение ... хорошо видно, но все равно не оборачивается. и пока ТОЛЬКО в Firefox. знак равно

Обновлять: Единственное, что может повлиять на это, это то, что у меня есть другой код CSS, и первый содержится:

#content-title{
    background-color: transparent;
    background-image: url(../img/content-title-body.png);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    height:auto;
    position:absolute;
    z-index :100; /* ensure the content-title is on top of navigation area */
    width:1026px;/*1050px*/
    margin: 160px 100px 5px 100px;
    overflow: visible;
    top: 55px;
}

и HTML, который использует это:

<div id = "content-title">
                <div id = "content-text">             Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!Hola!<p>Hola!Hola!Hola!Hola!Hola!Hola!<p>Hola!Hola!Hola!Hola!<p>Hola!Hola!Hola!Hola!<p>Hola!Hola!Hola!<p>Hola!Hola!Hola!Hola!<p>Hola!Hola! 
        </div>
</div>