Sticky footer using pure css

HTML:

<body>
<div id=“wrapper”>
<p>lots of content</p>
</div>
<div id=“stickyFooter”>
<p>Content for sticky footer</p>
</div>
</body>
CSS:
.stickyFooter {
position: fixed;
bottom: 0px;
width: 100%;
overflow: visible;
z-index: 99;
padding-top: 5px;
padding-bottom: 3px;
background: white;
border-top: solid white 2px;
background-color: #89D4DF;
-webkit-box-shadow: 0px -5px 15px 0px #bfbfbf;
box-shadow: 0px -5px 15px 0px #bfbfbf;
height: 34px;
}