Background Image Sample Three

Screenshot of Background Image with default repeat.
When no repeat is specified, the image is repeated vertically and horizontally.

Background Image Size: 800px wide by 100px high

Style Rules for Background Image:

body {
font-size: .95em;
color: #000;
background: #FFFFFF url('images/embtreebb3.gif') repeat-y;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
margin: 0 0 0 100px;
padding: 0 0 0 0;
}

This line in the style rules specifies the background color, the image, and tells the browser to repeat the image vertically.
background: #FFFFFF url('images/embtreebb3.gif') repeat-y;

This line in the style rules tells the browser there should be a left margin of 100pixels.
margin: 0 0 0 100px;

Style Rules for Content Container:

#outerWrapper {
width: 95%;
text-align: left;
margin: 0 auto 0 auto;
padding: 20px;
}

PROBLEM: A background color has been specified along with the image. However, the background the image is placed on uses an embossed background which causes a vertical separation between the image and color.

Background Image Credit: http://www.reocities.com/Heartland/Estates/7923/embtreebb3.gif

Filler Content: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus accumsan dolor ac orci? Pellentesque vitae libero in lacus tincidunt ultricies! Nam eleifend ultricies dui! Quisque mattis tempus ligula. Nulla non diam in arcu adipiscing porttitor. Nulla libero mi, suscipit id, semper eu, lobortis non, metus! Sed dui pede, consectetuer vitae, adipiscing et, posuere quis, nulla. Mauris ornare semper justo. Morbi at libero ut justo ultrices dignissim? Cras nunc. Sed metus quam, consequat vel, euismod et, pulvinar ut, sem. Vestibulum euismod massa posuere massa.

Quisque imperdiet turpis vitae metus. Vivamus consectetuer mauris non massa. In pretium, turpis et adipiscing elementum, ligula ipsum elementum risus, eget rhoncus nunc orci vel mi. Cras nunc. In ac eros nec tellus blandit suscipit. Sed aliquet luctus lectus. Nunc eleifend iaculis arcu. Phasellus mollis elementum pede. Integer et quam eu velit interdum laoreet. Sed sapien dolor, gravida non, congue eget, consequat sed, enim. Sed bibendum orci in nisl. Suspendisse elit? Sed ut magna. In dignissim. Nulla ornare pharetra libero. Praesent nunc magna, placerat congue, pretium et, ultricies sit amet, elit? Morbi enim nisl, sagittis ut, lobortis eget, blandit tincidunt, urna. In rutrum, diam vel dignissim consectetuer, libero pede pulvinar tortor; semper tincidunt massa nibh quis ipsum. Donec id nisl nec nisl varius porta. Cras ac purus.