Jquery 如何将水平mac风格的dock菜单更改为垂直方向？

我有一个jQuery插件，它水平显示mac风格的dock，如下所示：

我试着改变它的css，使其在页面左侧垂直，但似乎有一些问题

有人能帮我吗

我的HTML：

<div class="dock" id="dock2">
<div class="dock-container2"><nav id="main-nav">

 <li> <a class="dock-item2" href="#"><span>Quotes</span><img src="images/quote-icon.png" alt="home" /></a> </li>
 <li> <a class="dock-item2" href="#"><span>Jokes</span><img src="images/joke.png"          alt="contact" /></a> </li>
  <a class="dock-item2" href="#"><span>Facts</span><img src="images/fact.png" alt="portfolio" /></a> 
  <a class="dock-item2" href="#"><span>Health</span><img src="images/heart3.png"             alt="portfolio" /></a> 

 </nav>
</div>
</div>

jQuery：

 <script type="text/javascript">

$(document).ready(
    function()
    {
        $('#dock2').Fisheye(
            {
                maxWidth: 80,
                items: 'a',
                itemsText: 'span',
                container: '.dock-container2',
                itemWidth: 70,
                proximity: 150,
                alignment : 'right',
                valign: 'bottom',
                halign : 'center'
            }
        )
    }

);

</script>

$（文件）。准备好了吗(
函数（）
{
$（'#dock2'）。鱼眼(
{
最大宽度：80，
项目：“a”，
itemsText:'跨度'，
集装箱：'.dock-container2'，
项目宽度：70，
距离：150，
对齐：'右'，
valign:'底部'，
哈利恩：“中心”
}
)
}
);

我可以用纯CSS制作@Mr.Alien谢谢你的提琴。让我在我的基座上试试css，看看它是否有效。@Mr.Alien我和你的小提琴做了同样的事情，它正在垂直对齐放大文本。但是如果我把img放在span中，它不会放大图像。它只会缩放文本。@Faizan因为我正在转换字体大小，如果您正在使用，您需要转换高度和宽度images@Faizan基本思想，现在您可以将图像包装在固定高度和宽度的容器中，以避免向下推：）

 <script type="text/javascript">

$(document).ready(
    function()
    {
        $('#dock2').Fisheye(
            {
                maxWidth: 80,
                items: 'a',
                itemsText: 'span',
                container: '.dock-container2',
                itemWidth: 70,
                proximity: 150,
                alignment : 'right',
                valign: 'bottom',
                halign : 'center'
            }
        )
    }

);

</script>