jquery移动标题 - 使用图像作为页面链接

Question

我试图在我的标题中基本上使用购物车图像作为指向另一个页面（订单页面）的链接，该页面包含添加到用户购物车的项目列表。

我让一切都运转良好，只有图片不是订单页面的链接。

这就是我所拥有的：

 <div data-role="header" data-theme="a">
    <h1>Menu</h1>
    <img src="img/cartEmpty.png" class="ui-btn-right" id="cart_logo">
    <label id="items_in_cart" class="ui-btn-right"></label>
  </div>

这是我的CSS片段，它正在调整购物车图片的大小以填充标题的高度：

#cart_logo {
    height:90%;
    width:auto;
}

这就是我现在所拥有的，这使得图像太大了。我只是希望缩放购物车图像，使其保持在标题中，并且也是订单页面的链接：

<div data-role="header" data-theme="a">
    <h1>Menu</h1>
    <a href="#order" class="ui-btn-right"><img src="img/cartEmpty.png" id="cart_logo"></a>
    <label id="items_in_cart" class="ui-btn-right"></label>
</div>

为了更好地了解我想要做的事情，请参阅亚马逊的购物车图片。

我正在使用jquery mobile 1.4.5