Hey Guys. Not sure what's going on... but the logo is not displaying on the following browsers WIN/MAC -Firefox http://i35.tinypic.com/2d9tfmd.png -Opera http://i35.tinypic.com/kaq1j.png -IE (win) -Chrome (win) Logo is displaying properly MAC -Chrome http://i34.tinypic.com/v3neac.png -Safari http://i36.tinypic.com/1s137k.png What do you think the problem might be? Here's my CSS; STYLE1.CSS /********************************************************************************************************* 2.) Head Area: **********************************************************************************************************/ #head{ } #top .logo a{ background: transparent url(http://www.aklwoodwork.com/images/skin1/logo3.png) repeat-x top left; } Code (markup): STYLE.CSS /********************************************************************************************************* 2.) Head Area: **********************************************************************************************************/ #head{ height:135px; margin:0 auto; position:relative; width:950px; z-index:5; } .logo, .logo a{ display:block; height:95px; left:0px; position:absolute; top:5px; width:278px; } #top .logo a{ top:0px; left:-5px; text-indent:-9999px; outline:none; } Code (markup):
Well first of all, that logo image seem to be corrupt. I tried accessing it in IE8, FF and Chrome, none of which could display it. In FF I got the following message: The image “http://www.aklwoodwork.com/images/skin1/logo3.png†cannot be displayed, because it contains errors.