Not sure what I'm doing wrong, attached you will find the views in Chrome vs Firefox. The background image for the header only shows in Chrome, and I can't find the glitch in CSS. Thanks in advance for your help! LE: and the URL: http://gmorkster.info
The HTML <div id="header"> <div id="caption"> <div style="float:left"> <h1 id="title"><a href="http://gmorkster.info/">Gmorkster</a></h1> <div id="tagline">A web service provier’s blog</div> </div> <div style="float:right"> <!-- AS Code --> </div> </div> Code (markup): And the CSS #header { background:url(/wp-content/themes/inove/img/header_footer.jpg) 0 0 no-repeat; height:132px; } #caption { height:44px; padding:25px 30px 21px; } Code (markup):
FF is very picky. Try adding spaces? background:url(/wp-content/themes/inove/img/header_footer.jpg) Should be background: url(/wp-content/themes/inove/img/header_footer.jpg) and i think it may actually be the position issue "0 0" You need to create a new CSS line for that background-position: 0 0; background-repeat: no repeat;