встроенные блоки div со скрытым переполнением

Я хочу создать 3 блока рядом, когда виден только один из них.

-------------- -------------- --------------
| visible    | | invisible  | | invisible  |
|            | |            | |            |
-------------- -------------- --------------

Чтобы сделать это, я попытался создать оборачивающий блок div шириной 100 пикселей и скрытым переполнением. Что я делаю не так?

<div style="width:50px;height:349px; overflow:hidden">
<div style="display: inline;">first div</div>
<div style="display: inline;">second div</div>
<div style="display: inline;">third div</div>
</div>