Internet Explorer Single Post Display Issue

I’ve been working on a site for a client & all is good except on the single post page it it has margin on the left when viewed in internet explorer. I’ve played with the style.css but can’t seem to fix it. I’ve made the following changes in custom.css to remove the post meta display

.post .post-meta,
  .type-page .post-meta,
  .search .type-page .post-meta {
   width: 0%;
   padding: 0 0em 0em 0;
   border-right: 0px solid #eaeaea;
   float: left;
   font-size: 0em;
   display: none;
  }
  .post .post-meta span.small,
  .type-page .post-meta span.small,
  .search .type-page .post-meta span.small {
   display: none;
  }
  .post .post-meta li,
  .type-page .post-meta li,
  .search .type-page .post-meta li {
   text-align: right;
   display: none;
   margin: 0em 0;
  }
  .post .post-meta li a,
  .type-page .post-meta li a,
  .search .type-page .post-meta li a {
   color: #4c4c4c;
   display: none;
  }
  .post .post-meta li.post-date,
  .type-page .post-meta li.post-date,
  .search .type-page .post-meta li.post-date {
   color: #999999;
   display: none;
  }
#post-author {
  background: #ffffff;
  padding: 0em 0;
  border-top: 0px dotted #eaeaea;
  clear: both;
  display: none;
}
#post-author .profile-image {
  float: left;
  margin: 0 0em 0em 0;
  padding: 0em;
  border: 0px dotted #eaeaea;
  background: ffffff;
  display: none;
}

You can look at a single post here

Thanks in advance for the help!