Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

HELP: background image not showing up on IE7

BG Image not showing in IE7



3:35 pm on May 24, 2010 (gmt 0)

5+ Year Member

[size=2]<div style="margin:0 auto;margin-bottom:70px;margin-top:50px;height:44px;width:650px;background:url(images/navbar.jpg)no-repeat;clear:left">
<div style="margin-left:50px;float:left">
<h1 class="black">Products</h1>
<div style="margin-left:75px;float:left">
<p><a href="#pbx" class="navgreen">LINK 1</a></p>
<div style="margin-left:15px;float:left">
<p><a href="#voip-phones" class="navgreen">LINK 2</a></p>
<div style="margin-left:17px;float:left">
<p><a href="#voip-headsets" class="navgreen">LINK 3</a></p>
<div style="margin-left:30px;float:left">
<p><a href="#sip" class="navgreen">LINK 4</a></p>

Code above working on Firefox but on IE7 backbround image not showing up.
Originally this coded from CSS External Stylesheet and next thing I tried background-image:url(sample.jpg); inline-short-hand-code <-- still not working..

Any idea guys?


7:29 am on May 25, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Have you tried validating your CSS? I can see one style that could be causing it:


needs a space like:

background:url(images/navbar.jpg) no-repeat;


1:00 pm on May 25, 2010 (gmt 0)

5+ Year Member

Thank you limbo..
Actually I just resolve it yesterday. It's a hack actually for IE7 I just found while googling.
I just simply added a "#" in front of a selector.


Even without space at no-repeat works fine.


Featured Threads

Hot Threads This Week

Hot Threads This Month