flex-wrap:wrap; を使用した際IEでwidthが効かなくなる問題の解決方法について

CSSを使用し、flex-wrap:wrap; で横並びになっている要素の背景を、width:90%;と指定している場合、IEだと背景のwidth:90%;が効かなくなってしまいます。

調べた範囲だとwidth:90%;を一緒にflex-basisを使用するといいとあったのでやって見たのですができませんでした。

どうすればIEでもwidthが効く様にできるのでしょうか？

HTML
1<div class="inner">
2   <div class="inner_contents">
3      <div class="contents_button clearfix">
4              <div class="surcle">
5                 <a href="url">
6                    <div class="inner_button clearfix">
7                       <img src="url" alt="cat" />
8                       <p>cat</p>
9                     </div>
10                 </a>
11                 <div class="inner_button_titile">猫<span class="inner_button_text">長毛腫の女の子</span>
12                </div>
13              </div>
14
15              <div class="surcle">
16                 <a href="url">
17                    <div class="inner_button clearfix">
18                       <img src="url" alt="dog" />
19                       <p>dog</p>
20                     </div>
21                 </a>
22                 <div class="inner_button_titile">犬<span class="inner_button_text">大型の男の子</span>
23                 </div>
24              </div>
25
26              <div class="surcle">
27                 <a href="url">
28                    <div class="inner_button clearfix">
29                       <img src="url" alt="bird" />
30                       <p>bird</p>
31                     </div>
32                 </a>
33                 <div class="inner_button_titile">鳥<span class="inner_button_text">おしゃべりインコ</span>
34                 </div>
35              </div>
36         
37
38              <div class="contents_button_second">
39                <div class="surcle2">
40                    <a href="url">
41                       <div class="inner_button clear_box">
42                           <img src="url" alt="cow" />
43                           <p class="cow_style">cow</p>
44                        </div>
45                     </a>
46                     <div class="inner_button_titile">牛<span class="inner_button_text">乳牛</span>
47                     </div>
48                 </div>
49
50                <div class="surcle2">
51                    <a href="url">
52                       <div class="inner_button clear_box">
53                           <img src="url" alt="horse" />
54                           <p class="horse_style">horse</p>
55                        </div>
56                     </a>
57                     <div class="inner_button_titile">馬<span class="inner_button_text">観光地で働く男の子</span>
58                     </div>
59                 </div>
60
61      </div>
62   </div>
63</div>
64

CSS
1.inner{
2    display: table;
3    background-color: white;
4    width: 90%;
5    margin: auto;
6    border-radius: 20px;
7    border: 3px solid #AAAAAA;
8    position: relative;
9    z-index: 1;
10    box-shadow: 6px 3px 0px rgba(0, 0, 0, 0.3);
11}
12
13.inner_contents{
14    height: 100%;
15    margin: auto;
16    max-width: 90%;
17}
18
19.contents_button {
20    width: 100%;
21    margin: auto;
22    position: relative;
23    display: flex;
24    flex-wrap: wrap;
25    flex-basis: 100%;
26    justify-content: center;
27    padding-top: 100px;
28    padding-bottom: 50px;
29}
30
31.surcle {
32    position: relative;
33    z-index: 9999;
34    width: 460px;
35    display: flex;
36    justify-content: center;
37    margin: auto;
38}
39
40.inner_button {
41    width: 230px;
42    height: 230px;
43    margin-top: 30px;
44    position: relative;
45    display: inline-block;
46    overflow: hidden;
47    border-radius: 50%;
48    transition: all 0.5s;
49    z-index: 9999;
50    background-color: black;
51}
52
53.inner_button img {
54    width: 100%;
55    display: block;
56    transition-duration: 0.3s;
57}
58
59.inner_button p {
60    position: absolute;
61    color: white;
62    letter-spacing: 6px;
63    font-size: 38px;
64    top: 50%;
65    left: 50%;
66    -ms-transform: translate(-50%,-50%);
67    -webkit-transform: translate(-50%,-50%);
68    transform: translate(-50%,-50%);
69    margin: 0;
70    padding: 0;
71}
72
73.clearfix:after {
74    content: "";
75    clear: both;
76    display: block;
77}
78
79.contents_button_second {
80    position: relative;
81    width: 100%;
82    display: flex;
83    justify-content: center;
84    margin-top: 3%;
85}