vertical-align i div?

Går det på något sätt?
Inte på detta uppenbarligen:

...
.topic{ position:relative; width:150px; height:60px; border:1px solid red;}
...
<div class="topic">
    <div style="vertical-align: middle">Cyklar</div>
</div>

Och om jag matar på med fler rader så skall det se ut som enligt bild:

jovisst:

.topic{
display: table-cell;
vertical-align: middle;
}

Då säger du åt webbläsaren att tolka diven som en tabellcell och i en tabellcell ger "vertical-align: middle" det uppförande som du beskriver.
Men gissa haken! Internet Explorer förstår inte det här.