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)

New User

5+ Year Member

joined:May 14, 2010
posts: 4
votes: 0

[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)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Oct 4, 2002
votes: 0

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)

New User

5+ Year Member

joined:May 14, 2010
posts: 4
votes: 0

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.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members