At 01:31 PM 2/1/2011, J.A. Florian wrote: >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? ============ If I remember correctly, this used a graphic image for the horizontal line tag at some point so this style rule was created 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; } which would be written in the html code like so <div class="hr"></div> and would place the image in the center of the div where it was used background-image refers to the background image of whatever style rule it goes with. So #container { margin: 20px auto 20px auto; width: 95%; /* decrease width to add more padding to outer layer*/; background: #D7C7D2 url('images/ourlordbkg.jpg'); padding: 10px; border: #AE8DA4 3px ridge; } means the background image used for the container will be ourlordbkg.jpg and #inner { margin: 20px auto 20px auto; width: 90%; background-image: url('images/offwhite.jpg'); padding: 10px; border: 2px ridge #999999; } the background image for the innver div would be offwhite.jpg. If used correctly, the div with the class hr should have no effect at all on any of the other divs. pat ---------- Pat Geary, Microsoft MVP - Expression Web We discuss FrontPage and Expression Web http://freepages.genealogy.rootsweb.com/~gearyfamily/frontpage/ http://freepages.genealogy.rootsweb.com/~gearyfamily/expression-web/ http://www.expression-web-tutorials.com/ Migrating from FrontPage to Expression Web EBook Revised to include EW 3.0 http://frontpage-to-expression.com/