Twitter bootstrap 无法水平对齐社交按钮

首先，在有人以“精确副本”的形式结束这个问题之前，我在网站上搜索并回答了这个问题，但找不到任何有帮助的答案：）

我有一个网页，它有一个社交酒吧，看起来有点像他们头版的社交酒吧。“我的网站”用作网站模板

我的社交按钮问题。我添加了Google+、Twitter和Facebook按钮，现在我正在努力正确对齐。。。多亏了Facebook按钮

我使用的代码与3个社交网络的官方代码完全相同，我将每个按钮都放在了

的

中（同样，请参阅首页了解示例）。注意：我添加了一些背景色和一些填充，以使事情变得清晰

结果就是你在下面看到的图像（IE的屏幕截图）。Google+和Twitter玩得很好，而Facebook让事情变得很难。。。还是恰恰相反


在我用于测试的所有浏览器（即Firefox、Chrome和Opera）中，这种行为都是相同的

更新：访问此处查看示例。
首先，LI的高度不尽相同–G+和Twitter是25像素，类似FB的按钮只有22像素。通过在样式表中为所有LI添加
height:25px
，使它们具有相同的高度

之后，只需为LI设置
vertical align:middle
，它们应该很好地对齐。
@CBroe，我添加了一个示例链接。