JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/7294956/css-problem-horizontal-scrollbar-hides-the-content

HTML

<!--[if lte IE 7]>
    <style>div.messages {padding:0 0 22px;}</style>
<![endif]-->

<td class='messages'>
    <div class='messages'>     AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB
    </div>
</td>

CSS

div.messages {
    border:0px;
    padding:0 0 0;
    width:100%;
    overflow-x:auto;
    background-color:#66C2FF;
}