无法将表单元格中的浮动元素垂直居中

Question

我有在表中声明的表单元素，它们固有地垂直居中于表单元格。

我有一个表格单元格，它有一个无序列表和一个向左浮动的选择框，以便将它们与自己内联。似乎在同一个单元格中有两个这样的元素会打破我的第二个元素（选择框）的垂直居中，并迫使它位于单元格的顶部（仍然与无序列表对齐，只是不再垂直居中）。

我不知道为什么会发生这种情况，也不知道如何解决这个问题。有什么想法吗？

这是代码：http://jsfiddle.net/pVpnd/1/.

如果隐藏无序列表，则选择框将在表单元格中居中，但仅当它是单元格中唯一的元素时。

Answer 1

尝试以下CSS而不是float：

select,ul{
    display:inline-block;
    vertical-align:middle;
}​

jsFiddle示例