Check out my code snippet on this fiddle http://jsfiddle.net/9m1Lba6u/
The code works perfectly on Google Chrome and Safari, displaying all numbers from 1 to the last one. However, when viewed in FireFox, it only shows numbers up until 99. Could there be something missing in the stylesheet?
Here is a condensed version of my CSS:
html, body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
overflow: hidden;
}
.head {
width: 100%;
height: 60px;
background-color: #CDF1F4;
}
.main-content {
width: 70%;
height: 100%;
padding-bottom: 70px;
float: right;
background-color: #BEE4F4;
overflow: auto;
box-sizing: border-box;
}
.side-bar {
width: 30%;
height: 100%;
padding-bottom: 70px;
float: left;
background-color: #E1BEF4;
overflow: auto;
box-sizing: border-box;
}
<div class="head"></div>
<div class="main-content"></div>
<div class="side-bar"></div>