IE11でCSSアニメを使ったbackground-imageが表示されない

CSSアニメーション(animate.css)を使用して、要素が表示されると背景画像がフェードインしてくるようにしています。
Firefox、Chromeでは問題なく動くのですが、IEだと画像自体が表示されません。
アニメーション用のクラスを付与していない背景画像はきちんと表示されるので、animate.cssが原因なのでしょうか？

ちなみに私の環境はWindows7、IEのバージョンは11です。

HTML
1    <div class="section section_pad honki_gb_gra section_honki_02 relative">
2		<div class="container">
3        	<div class="row">
4				<div class="col-sm-6 col-sm-offset-6 col-xs-12 col2">
5			<img class="marginb50 marginb30_sp" src="<?php echo get_template_directory_uri();?>/img/top_section_title_02.png">
6			
7				
8					<ul class="h4">
9						<li class="mod_title_half marginb20">
10							テキスト
11						</li>
12						<li class="mod_title_half marginb20">
13							テキスト
14						</li>
15						<li class="mod_title_half marginb20">
16							テキスト
17						</li>
18						<li class="mod_title_half marginb20">
19							テキスト
20						</li>
21						<li class="mod_title_half marginb20">
22							テキスト	
23						</li>
24					</ul>				
25				</div>
26			</div>
27		</div>
28		<div class="section_honki_02_bg honki_bg honki_bg_left"></div>
29	</div>

CSS
1.section_honki_02_bg{
2	background-image: url("img/top_section_02.png");
3	background-position: 27% 85%;
4}
5
6.honki_bg{
7    position: absolute;
8    bottom: 0;
9    width: 100%;
10    height: 100vw;
11    z-index: -1;
12    background-position-y: bottom;
13    background-size: inherit;
14    background-repeat: no-repeat;
15	
16}
17