CSS Vertical align not working

CSS: Vertical align not working?

Why wont the text and div's v align in the middel?

<style>
body {
margin: 0;
}
.d0 {
text-align: center;
background-image: url('media/topbg.png');
background-repeat: repeat-x;
height: 43px;
vertical-align: middle;
color: white;
}
.d1 {
text-align: left;
float: left;
vertical-align: middle;
}
.d2 {
text-align: center;
vertical-align: middle;
}
.d3 {
text-align: right;
float: right;
vertical-align: middle;
}
</style>
<div class="d0">
<div class="d1">one</div>
<div class="d3">three</div>
<div class="d2">two</div>
</div>

Other Answers: