お世話になっております。

フローティング買い物かごボタンのリリースのせいか、
IE１１でのCSSを利用した買い物かご回りの表示の崩れが起こっています。
また、フローティング買いものカゴも表示されておりません。

FireFox・Chromでは問題ないです。

恐れ入りますが、対応方法を教えてください。
以下が使用しているタグです。

よろしくお願いいたします。


<style type="text/css">
<!--
/* かご下差し込み */
.bkm{
background-image:url(https://image.rakuten.co.jp/SHOP-URL/cabinet/campaign_banner/okiniiri_ue.jpg) !important;
background-repeat:no-repeat;
}
#rakutenLimitedId_aroundCart .addBkm{
margin-top:100px !important;
}
/* お気に入り商品差し替えタグ */
#rakutenLimitedId_aroundCart #serviceTableSml td.favorite{
padding-top: 20px;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm{
width: 300px !important;
height: 100px !important;
padding: 0px 0px 250px 0px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm{
width: 300px !important;
height: 250px !important;
}
#rakutenLimitedId_aroundCart div.bookmarkArea div.bkm a.addBkm span.bkmStar{
display: inline-block !important;
width: 300px !important;
height: 250px !important;
margin:0px 0px 0px 0px !important;
background: url("https://image.rakuten.co.jp/SHOP-URL/cabinet/campaign_banner/okiniiri.jpg")no-repeat 0 0 !important;
}
-->
</style>

<style type="text/css">
<!--

span.catch_copy,
span.item_name{
line-height: 180%;
}

/* キャッチコピー上部にラベルがつく */
span.catch_copy:before{
content: "仕上がりきれいな日本製"; /*ラベル内の文言*/
width: 200px; /*ラベルのサイズ*/
background-color: #bf0000; /*ラベルの色*/
font-size: 11px;
color: #fff;
text-align: center;
display: block;
padding: 1px 4px;
margin-bottom: 4px;
border-radius: 2px;
clear: both;
}

/* 商品名下に境界線が入る */
span.item_name{
display: block;
border-bottom: 2px dotted #ddd;
padding-bottom: 8px;
}

/* 価格に枠線がつく */
table#rakutenLimitedId_cart{
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: 8px;
margin: 16px 0;
}

span.price1{
color: #333 !important;
font-weight: bold;
font-size: 80% !important;
line-height: 30px;
display: inline-block;
margin-right: 16px;
}

-->
</style>