CSS background image not showing up

On this test page:
http://www.partnersdesign.net/lieverhymanpotter/index-mobile.htm

The links with class="mobilenav2" have CSS like this:

.mobilenav2{background-image:url('img/mb_darkbutton1.jpg');background-repeat:repeat-x;margin:0 0 0 0;padding:1em 0 1em 1em;display:block;font-weight:700;font-size:0.8em;}

Open in new window


However, I can't get the background image to show up:
http://www.partnersdesign.net/lieverhymanpotter/img/mb_darkbutton1.jpg

Its just a gradient I want to stretch across the width of the links. Am I doing something wrong?

Thank you!
Brad BansnerWeb DeveloperAsked:
Who is Participating?
 
Ess KayEntrapenuerCommented:
put in the full url
0
 
cmalakarCommented:
Use this..

url("/lieverhymanpotter/img/mb_darkbutton1.jpg")
0
 
Ess KayEntrapenuerCommented:
and the quotes might be an issue
0
 
Brad BansnerWeb DeveloperAuthor Commented:
Thanks guys. I found the problem, I needed ../img/ because the style sheet is in a folder on level down.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.