ChromeとIEの出力結果が異なるので統一させたいです

下記のコードのように入力し出力してみたところ、
Chromeでは背景画像が表示されるのに対し、IEでは表示されませんでした。
逆にheaderの表記もIEとchromeでずれが生じてしまいます。

https://www.airbnb.jp/host/homes?_set_bev_on_new_domain=1579181553_MTFiZDgxODI3NjQ0
見本のサイトです。

HTML
1<!DOCTYPE html>
2<html>
3<head>
4	<meta charset="UTF-8">
5	<title>Airbnbでお家、アパート、お部屋をシェアしよう</title>
6	<link rel="stylesheet" type="text/css" href="style.css">
7</head>
8<body>
9	<header>
10		<div class="header-left">
11			<ul>
12				<li>概要</li>
13				<li>準備</li>
14				<li>安全</li>
15				<li>マネープラン</li>
16		    </ul>
17		</div>
18		<div class="header-right">
19			<ul>
20				<li>予想月収</li>
21				<li>￥139,519</li>
22			</ul>
23			<a href="#">はじめる</a>
24		</div>
25	</header><!-- /header -->
26	<main>
27		<div class="main-container">
28			<div class="check">
29				<h1>Airbnbホストになって、暮らしをレベルアップ</h1>
30				<p>どれくらいの収入が見込めるかチェック</p>
31				<p>￥139,155</p>
32				<a href="#">はじめる</a>
33			</div>
34		</div>

CSS
1body{
2	width:100%;
3}
4.header-left li{
5    float:left;
6    padding:20px 10px;
7}
8header li{
9    list-style:none;
10    float:left;
11}
12.header-right {
13    float:right;
14    padding-top:20px;
15}
16header a{
17	background-color:red;
18	color:white;
19    padding:10px;
20    display:inline-block;
21}
22header{
23	background-color:white;
24	height:80px;
25}
26.main-container{
27	height:650px;
28    background-image:url('img/haikei.jpg');
29    background-size: cover;
30    
31}
32.check{
33    background-color:white;
34    width:450px;
35    height:500px;
36    position:absolute;
37    top:150px;
38    left:800px;
39    border-radius: 5px;
40}