Internet Explorer preview not working correctly.

Question

Hi,
Well my problems seem to be mounting up, my website is loading completely fine in Chrome and Firefox, but in Internet Explorer it doesn't want to load properly. It seems that only the text is loading, leaving me to believe that the css files, style.css and style-desktop.css files are Not working in Internet Explorer.
I have already tried running a browser compatibility test, but it comes up with no errors.
Thanks.

Answer 1

Hi Nancy,
Here you go -
style.css:
/* Basic */
          *,*:before,*:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box -sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box}
          body {
                    font-size: 13.5pt;
                    font-family: sans-serif;
                    font-family: 'Ubuntu Condensed', sans-serif;
                    color: #878e83;
                    letter-spacing: -1px;
                    text-align:center;
                    background: #D4D9DD url('images/bg01.jpg');
          h1,h2,h3,h4 {
                    color: #007897;
                    font-weight: normal;
          h1,h2 {
                    text-transform: lowercase;
          h2 {
                    font-size: 1.6em;
                    letter-spacing: -1px;
                    margin-bottom: 1em;
          h3,h4 {
                    color: #283121;
                    margin-bottom: 0.5em;
          h3 {
                    font-size: 1.2em;
                    margin-bottom: 0.8em;
          h4 {
                    font-size: 1em;
          p, ul {
                    margin-bottom: 1.25em;
          p {
                    line-height: 1.8em;
          strong {
                    color: #474e43;
          img.left {
                    float: left;
                    margin: 2px 1.25em 0 0;
          img.top {
                    margin: 4px 0 2.25em 0;
          ul {
                    padding: 0.25em 0 0 0;
          a {
                    color: #5d93a2;
                    text-decoration: underline;
          a:hover {
                    text-decoration: none;
          * > p:last-child {
                    margin-bottom: 0 !important;
/* Copyright */
#copyright {
          overflow: hidden;
#copyright p {
          padding: 50px 0px 0px 0px;
          text-align: center;
          font-size: 11pt;
          color: #555;
#copyright a {
          color: #888;
style-desktop.css:
/* Desktop (>= 480px)                                                            */
/* Basic */
          body {
                    width: 1920px;
          section, article {
                    margin: 0 0 60px 0;
          section:last-child, article:last-child {
                    margin-bottom: 0;
          #content
                    border-bottom: solid 1px #272e31;
                    padding: 45px 0 45px 0;
                    text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
                      text-align:left;
/* Reusable */
          .blog-post-image {
                    width: 588px;
/* Header */
          #header-wrapper {
                    background-color: #007294;
                    background-image: -moz-linear-gradient(top, #008dab, #007294);
                    background-image: -webkit-linear-gradient(top, #008dab, #007294);
                    background-image: -webkit-gradient(linear, 0px 0px, 0px 1200px, from(#008dab), to(#007294));
                    background-image: -ms-linear-gradient(top, #008dab, #007294);
                    background-image: -o-linear-gradient(top, #008dab, #007294);
                    background-image: linear-gradient(top, #008dab, #007294);
          #header {
                    position: relative;
                    margin: 30px 0 30px 0;
                    padding: 0 20px 0 20px;
                    border-radius: 5px;
                    border: solid 1px #006e8b;
                    box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0,0,0,0.10);
                    background-color: #007b9d;
                    background-image: -moz-linear-gradient(top, #008ead, #007b9d);
                    background-image: -webkit-linear-gradient(top, #008ead, #007b9d);
                    background-image: -webkit-gradient(linear, 0px 0px, 0px 1200px, from(#008ead), to(#007b9d));
                    background-image: -ms-linear-gradient(top, #008ead, #007b9d);
                    background-image: -o-linear-gradient(top, #008ead, #007b9d);
                    background-image: linear-gradient(top, #008ead, #007b9d);
                    height: 46px;
                    #header h1 {
                              position: absolute;
                              left: 20px;
                              top: 0;
                              color: #fff;
                              font-size: 2.3em;
                              letter-spacing: -2px;
                              line-height: 40px;
                    #header h1 a {
                              color: #fff;
                              text-decoration: none;
                    #header nav {
                              position: absolute;
                              right: 20px;
                              top: 1px;
                              line-height: 43px;
                              text-transform: lowercase;
                              font-size: 1.3em;
                              letter-spacing: -1px;
                              #header nav a {
                                        display: inline-block;
                                        text-decoration: none;
                                        color: #fff;
                                        padding: 0 25px 0 25px;
                                        outline: 0;
                              #header nav a.current-page-item {
                                        background-color: #007897;
                                        background-image: -moz-linear-gradient(top, #007b99, #007897);
                                        background-image: -webkit-linear-gradient(top, #007b99, #007897);
                                        background-image: -webkit-gradient(linear, 0px 0px, 0px 1200px, from(#007b99), to(#007897));
                                        background-image: -ms-linear-gradient(top, #007b99, #007897);
                                        background-image: -o-linear-gradient(top, #007b99, #007897);
                                        background-image: linear-gradient(top, #007b99, #007897);
                                        box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
                              #header nav a:hover {
                                        background-color: #0882a1;
                                        background-image: -moz-linear-gradient(top, #0782a0, #077d9b);
                                        background-image: -webkit-linear-gradient(top, #0782a0, #077d9b);
                                        background-image: -webkit-gradient(linear, 0px 0px, 0px 1200px, from(#0782a0), to(#077d9b));
                                        background-image: -ms-linear-gradient(top, #0782a0, #077d9b);
                                        background-image: -o-linear-gradient(top, #0782a0, #077d9b);
                                        background-image: linear-gradient(top, #0782a0, #077d9b);
                                        box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
/* Footer */
#footer
                    color: #546b76;
                    text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
                    align: top;
                    width: 1920px;
                    #footer h2
                              font-size: 1.25em;
                              color: #212f35;
                              margin: 0 0 1em 0;
                              align: top;
                    #footer a
                              color: #546b76;
                              align: top;
          #footer-wrapper
                    padding: 22px 0 80px 0;
                    text-shadow: 1px 1px 1px rgba(255,255,255,1);
                    background: #D4D9DD url('images/bg03.jpg');
                    width:100%;
                    border-bottom: solid 2px #272e31;
                    position:absolute;
                    bottom:0;
                    height:170px;   /* Height of the footer */
                    width: 1920px;
/* Copyright */
    #copyright
        background: #151515;
        border-bottom: solid 1px #272e31;
        padding: 45px 0 45px 0;
        text-shadow: -1px -1px 1px rgba(0,0,0,0.75);
        position:absolute;
        bottom:0;
        width: 1920px;
        height:10px;   /* Height of the footer */
    #copyright {
        padding: 18px 0 18px 0;
                    text-align: center;
        align: top;
        color: #A6A88F;
        margin: 1% 0 0 0;
                    height:8px;   /* Height of the footer */
                    width: 1920px;
    #copyright a {
        color: #A6A88F;
Thanks .