Background Image Sample One

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

Background Image Size: 1100px wide by 175px high

Style Rules for Background Image:

body {
font-size: .95em;
color: #000;
background: #F7F5D5 url('images/17bg.jpg') repeat-y;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
margin: 0px 0px 0px 175px;
padding: 0px;
}

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

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

Style Rules for Content Container:

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

Problem: Even though a background color has been specified along with the image, the background for the image is textured and there is no way to totally match it.

Background Image Credit: http://www.wtv-zone.com/Marvaline/MyPsp02/bordersets/17/17.html

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.