HTML+CSS+JavaScript

<style type="text/css"> #flats_index_history {     padding: 3px;     height: 20px;     overflow:scroll; } </style> <ul class="group">     <li class="title">История изменений</li>     <li>         <div id="flats_index_history">         ...txt         </div>     </li> </ul>

почему появляется только горизонтальная прокрутка?
хотя по вертикали колесом прокручивается..

а извиняюсь:)
в 20пх визуально не влез скрол