XUL box for div element contained an inline br child, forcing all its children to be wrapped in a block.
It's not a critical error, but seeing it in the firebug console is quite annoying. Is there a way to prevent or ignore these errors?
The issue seems to be related to this CSS code:
#top_icon01{
position:relative;
background-image : url('../hill_header/img/top_Icon_i01.png');
background-repeat : no-repeat;
background-size : 56px 56px;
background-position: 50% 20px;
width : 172px;
height : 130px;
padding-top : 25px;
text-align: center;
display:block;
display:-webkit-box;
display:-moz-box;
-webkit-box-pack:center;
-webkit-box-align:center;
-moz-box-pack:center;
-moz-box-align:center;
}
Additional information: I did not enable show chrome error, which is quite bothersome. If I remove the top header:
<div id='topHeader'>
<section id='top_middle_panel'>
<div id='top_ryan'>
<span class='float'>
<div id='top_icon01' class='top_icons'>
<h1>Design</h1><br><h6>Create Value</h6>
</div>
</span>
<span class='float'>
<div id='top_icon02' class='top_icons'>
<h1>Multimedia</h1><br><h6>Amazing Presentation</h6>
</div>
</span>
<span class='float'>
<div id='top_icon03' class='top_icons'>
<h1>Marketing</h1><br><h6>Connect to The World</h6>
</div>
</span>
</div>
</section>
</div>
No more errors appear.