I'm frustrated with a CSS problem. The site is http://freepages.religions.rootsweb.ancestry.com/~florian/ The CSS file is religion.css The specific area in the CSS is background-image: url("../tutorials/images/nabbar.jpg"); in this part of the CSS The problem has been that I didn't have a nabbar.jpg to use until now, so this line has always reported a broken link. Through Internet searches I found a line graphic called nabbar.gif and I put it in the folder _includes in my web. The new image is not uploaded yet but it will be _includes/nabbar.gif (with ../ added in front) When I change the line in CSS to the new link for nabbar.gif it takes out my centermost background, a light gray color. The first thing I don't understand is, if it is a "hr" line as a graphic, why does that line say background-image: url ? Doesn't background-image refer to the all-over page color? Could someone explain the meaning of this line and how it means "use this line graphic for an hr" if it also says background-image? The second thing I don't understand is, why does changing the directory/image name take out my centermost color? I'm on a mission this month (well, now February LOL) to fix all of my broken links and broken external links, so I'd appreciate any help on this problem. Judy Area of CSS:::: /* ========================= fancy horizontal line ======================= */ div.hr { background-image: url("../tutorials/images/nabbar.jpg"); background-position: center center; background-repeat: no-repeat; display: block; height: 14px; margin: auto; width: 385px; } /* ====================== heading tags ========================== */