css + vertical-align

[Markus]

I created a table using div's. And now I encounter the problem that it seems impossible to vertically center a picture in the left column.

One row of my table looks like this:
------------------------------------------------------
<div style="padding:5px;">

<div id="left" style="float:left; width:200px; text-align:center; margin-top:10px;">
<a style="border-style:none;" href="home.html">
<img src="/home/markus/loko.jpg" id="logo" border="0"
</a>

</div>

<div id="content" style="float:left; width:300px; margin-left:5px;">
Text
</div>

<div id="right" style="float:left; width:70px; margin-left:20px;">
Text
</div>

<br style="clear:left;">
</div>
----------------------------------------------

The link (the picture) is centered horizontally.
How can I get it centered vertically too?
When I add "vertical-align:middle" to the left div nothing happens.