Occasionally you see something that is so simple you can’t believe it hasn’t been done before. This demo shows multiple background images applied to a single element using the :before and :after pseudo-elements.
A simple elegant way to reduce or eliminate the need for superfluous nested <div>s.
(via For a Beautiful Web)
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/