Переполнение не работает в Opera 28

Question

Кто-нибудь знает, почему Opera не использует overflow:hidden?

Левые Opera, право Firefox

CSS:

#ChatBig { 
    width: 60%; 
    height: 600px; 
    margin: auto; 
    background-color: white; 
    overflow:hidden; 
    resize:none; 
    position: relative; 
    border: 1px solid #000; 
} 
#ChatMessages{ 
    width: 100%; 
    min-height: 498px; 
    font-size: 16px; 
    font-weight: normal; 
    overflow:hidden; 
    resize:none; 
    position: absolute; 
    bottom: 50px; 
    margin-bottom: 10px; 
} 
#ChatText{ 
    width: 100%; 
    height: 50px; 
    border: 1px solid #000; 
    overflow:hidden; 
    resize:none; 
    position: absolute; 
    bottom: 0; 
} 

Answer 1

Попробуйте с этим:

#ChatBig { 
 
    width: 60%; 
 
    height: 600px; 
 
    margin: auto; 
 
    background-color: white; 
 
    overflow:hidden; 
 
    resize:none; 
 
    position: relative; 
 
    border: 1px solid #000; 
 
} 
 
#ChatMessages{ 
 
    width: 100%; 
 
    min-height: 498px; 
 
    font-size: 16px; 
 
    font-weight: normal; 
 
    overflow:hidden; 
 
    resize:none; 
 
    position: absolute; 
 
    bottom: 50px; 
 
    margin-bottom: 10px; 
 
} 
 
#ChatText{ 
 
    width: 100%; 
 
    height: 50px; 
 
    border: 1px solid #000; 
 
    overflow:hidden; 
 
    resize:none; 
 
    position: absolute; 
 
    bottom: 0; 
 
}

<div id="ChatBig"> 
 
    <div id="ChatMessage"> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     A line of chat<br/> 
 
     ... 
 
    </div> 
 
    <textarea id="ChatText"> 
 
    </textarea> 
 
</div>