It's because of:
#JJO{
float:left;
}
Remove this
float:left;
and it should appear.
They are at the same location and thus JJO div is hiding up the image.
Alternative, like you tried, used cleartax and image displays:
<div id="header" class="clearfix">
Add:
.clearfix::after {
content: "";
clear: both;
display: table;
}
Reference:
CSS float property[
^]