以下のタグをヘッダーに入れています。
クロームでは問題ありませんが、IEで見ますと
半分欠けて表示されてしまいます。

何がまちがっていますでしょうか。
宜しくお願い致します。

<style>
/* お気に入り商品登録画像変更 */
body #rakutenLimitedId_aroundCart div.bkm{
width:306px;
}
body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
width: 306px !important;
height: 48px !important;
background: url(http://image.rakuten.co.jp/●●●●●/cabinet/●●●●●●.gif) no-repeat 0 0 !important;
}
body div.bookmarkArea div.bkm a.addBkm {
width: 306px !important;
height: 48px !important;
}

/* お気に入りショップ登録画像変更 */
body #rakutenLimitedId_aroundCart div.shopBkm{
width: 306px;
padding-left: 0px !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
width: 306px !important;
height: 48px !important;
background: url(http://image.rakuten.co.jp/●●●●●●/cabinet/●●●●●●.gif) no-repeat 0 0 !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm {
width: 306px !important;
height: 48px !important;
}
</style>