My emails are not resizing in IE 9.0 and on the Iphone 5s (even though they appear to be resizing on the Iphone 5s in litmus preview)

any thoughts?

I am not the developer of these emails, but know some code - responsive is new to me.

Here is a snapshot of how we are setup:

<style type="text/css">
.ReadMsgBody {
  width: 100%;
  background-color: #f4f4f4;
}
.ExternalClass {
  width: 100%;
  background-color: #f4f4f4;
}
.ExternalClass, 
.ExternalClass p, 
.ExternalClass span, 
.ExternalClass font, 
.ExternalClass td, 
.ExternalClass div {
  line-height: 100%;
}
html {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
table {
  border-spacing: 0;
}
table td {
  border-collapse: collapse;
}
.yshortcuts a {
  border-bottom: none !important;
}
a {
  text-decoration: none
}
span[class="ios-link"] a {
  color: #333333 !important;
  text-decoration: none !important;
}
ul,ol{
  margin: 0;
  padding: 0 0 0 20px;
}
@media screen and (max-width: 600px) {
  table[class="container"] {
    width: 100% !important;
  }
}
@media screen and (max-width: 599px) {
  td[class="hero-banner"] img, 
  td[class="full-col-banner"] img, 
  td[class="left-col-banner"] img {
    height: auto !important;
    width: 100% !important;
  }
  td[id="header-text"] {
    display: none !important;
  }
  td[class="container-padding"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  a[class="button"] {
    display: block !important;
    width: 100% !important;
  }
}          
@media only screen and (max-width :600px) {
  td[class="force-col"] {
    display: block;
    padding-right: 0 !important;
  }
  table[class="col-2"] {
    float: none !important;
    width: 100% !important;
  }
  img[class="col-2-img"] {
    float:right;
    margin-left: 6px;
    max-width: 130px;
  }
  table[class="footer-col-2"] {
    float:none !important;
    width:100% !important;
    margin-bottom: 6px;
    padding-bottom: 6px;
  }
  table[id="last-col-2"], 
  table[id="footer-last-col-2"] {
    border-bottom: none !important;
    margin-bottom: 0;
  }
  img[class="footer-logo-img"] {
    max-width: 130px;
  }
}
</style>
<!--[if gte mso 9]>
<style>
ul,ol{
margin: 0 0 0 30px;
padding: 0;
}
</style>
<![endif]-->
<!--[if lte mso 8]>
<style>
ul,ol{
margin: 0 0 0 30px;
padding: 10px 0;
}
</style>
<![endif]-->