HTML页面与IE不兼容

Question

我有一个HTML页面，可以在所有浏览器中正常工作，但显然它有IE的问题。当我用IE打开它时，一切都到处都是。

我尝试过不同的剧本而且没有运气。

这是我到目前为止所做的：

HTML

<div class="myrow">
  <div class="column1">
                        <div class="services-post services-single-post">
                            <div class="single-post-title">
                                <h2>Web development</h2>
                            </div>

                            <div class="single-post-image">
                                <img src="img/web.jpg" alt="Post Title">
                            </div>

                            <div class="single-post-info">
                            </div>

                            <div class="single-post-content">
                                <p>Add description here...</p>
                            <a href="webDevelopment.html" class="btn">Read more</a>
                            </div>
                        </div>
  </div>

  <div class="column2">
                        <div class="services-post services-single-post">
                            <div class="single-post-title">
                                <h2>Mobile Development</h2>
                            </div>

                            <div class="single-post-image">
                                <img src="img/s1.png" alt="Post Title">
                            </div>

                            <div class="single-post-info">
                            </div>

                            <div class="single-post-content">
                                <p>Add description here...</p>
                            <a href="services-post.html" class="btn">Read more</a>
                            </div>
                        </div>
  </div>
 </div>

CSS

.myrow{
  display:table;
  margin: 0 -10px 0;
  border-collapse:separate;
  border-spacing: 10px;
} 

.column1, .column2{
  width:50%;
  display: table-cell;
  padding: 10px 20px;
  background: #e8e8e8;

}

请协助。谢谢