http://jsfiddle.net/xw0vvo9e/4/
Trying to specify a background color for the navBar. In the provided jsfiddle, the CSS includes:
div .navBar {
width: 100%;
height: 45px;
background-color: #FF0000;
top: 0px;
position: fixed;
}
However, the background color is not displaying as expected. Strangely, if the CSS is removed and the HTML is updated to include inline styling like this:
<div class="navBar" style="background-color:#FF0000;">
the background displays correctly. This issue has been perplexing me for quite some time now.