So I have looked at all these posts for sticky footers on here...and tried every "fix" i can find, but I still can't make my footer show and stick to the bottom of the page. I am not sure if it has something to do with the responsive iFrame I have in the page or not - but that seems to wipe out the footer. The closest I have gotten was to get the footer to float above the content towards the bottom, but I can't get it to stick to the bottom with the content stopping above the footer. Any help you can give would truly be appreciated!

```css
html {
  position: relative;
  min-height: 100%;
}
body {
  font-family: 'pt_sansregular';
  background-image: url(images/body_bg.jpg);
  background-repeat: repeat;
}
body,
td,
th {
  font-family: "pt_sansregular";
  color: #FFFFFF;
}
a:link {
  color: #FF0004;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #DC7F81;
}
a:hover {
  text-decoration: none;
  color: #FD5F61;
}
a:active {
  text-decoration: none;
}
body {
  font-family: 'pt_sansregular';
  font-size: 12px;
  color: #000 margin: 0 0 95px;
}
.header {
  background: url(../images/Top_Pattern.png) repeat-x;
  height: 85px;
  width: 100%;
}
.footer {
  background: url(../images/Foot_Pattern.png) repeat-x;
  height: 95px;
  width: 100%;
  text-align: center;
  margin-top: 5px;
  color: #fff;
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
}
```

```html
<script type="text/javascript">
  function setIframeSource() {
    var theSelect = document.getElementById('location');
    var theIframe = document.getElementById('preview-frame');
    var theUrl;

    theUrl = theSelect.options[theSelect.selectedIndex].value;
    theIframe.src = theUrl;
  }
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
  html body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-family: arial;
    font-size: 10px;
    color: #6e6e6e;
    background-color: #000;
  }
  #preview-frame {
    width: 100%;
    background-color: #fff;
  }
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
  var calcHeight = function() {
    $('#preview-frame').height($(window).height());
  }

  $(document).ready(function() {
    calcHeight();
  });

  $(window).resize(function() {
    calcHeight();
  }).load(function() {
    calcHeight();
  });
</script>
</head>

<body>
  <div class="header">
    <div class="wrapper">
      <div class="logo">
        <img src="images/easyadminlogo.png" width="180" height="57" alt="" />
      </div>
      <div class="dropdown">
        <form id="form1" name="form1" method="post" action="">
          <label>

            <select name="location" id="location" onchange="setIframeSource()">
              <option value="http://www.saviodesigns.com/easyadmin/">Select a Module ...</option>
              <option value="../admin_cms/">PowerCMS</option>
              <option value="../news/">News Manager</option>
              <option value="../resources/">Resources/Links Manager</option>
              <option value="../blog/">Academic Portal Manager</option>
            </select>
          </label>
        </form>

      </div>
      <a href="http://www.saviodesigns.com/contact.php" target="_blank" class="infolink">
        <img src="images/requestquate.png" border="0" />
      </a>
      <div class="clear"></div>
    </div>
  </div>
  <p align="center">
    <iframe id="preview-frame" src="http://www.saviodesigns.com/easyadmin/" frameborder="0" noresize="noresize" scrolling="yes">
  </p>

  </div>

  <div class="footer">
    <div class="wrapper">
      <p align="center"><em> To get help and ongoing support, please <a href="http://www.saviodesigns.com/faq_support.php" target="_blank">click here</a>.
    </em>
        <p>Savio Designs Easy Admin Copyright &copy;
          <?php $then=2 007; $now=d ate( 'Y'); if ($then==$ now) echo $now; else echo "2014 - $now"; ?>
          <a href="http://www.saviodesigns.com" target="_blank">SavioDesigns.com</a>, All Rights Reserved.</a>
        </p>
    </div>

  </div>

</body>

</html>
```