How to right align text in table cell with <col/>

Question

I want the second column to be right-aligned and I don't want to apply styles to <td> element. From what I've read <col> is the way to go but it does not work for me:

<table>
    <col style="width: 20em" />
    <col align="right" style="text-align: right" />
    <col />
    <tbody>
        <tr>
            <td>123</td>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>12345678</td>
            <td>189</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

Tried <colgroup> with no luck as well. Any ideas?

p.s. Latest Chrome, FF5