Hi,
I would like to style my h5-headlines with background stripes. Example screenshot:
http://i43.tinypic.com/24lqyk5.jpg
I have tried it with this CSS:
h5 {
background: url("../images/shared/stripes.gif") repeat-x scroll center 20px transparent;
float: left;
text-align: center;
width: 100%;
font-size: 12px !important;
letter-spacing: 2px !important;
font-weight: normal !important;
margin-top: 10px;
text-transform: uppercase;
color: #777777;
margin-bottom: 6px;
}
But with this, the stripes goes behind the headline text, like this:
http://i44.tinypic.com/iedspc.jpg
How can I do it, so that the text is like in the example above left blank from the stripes behind it?
Thanks for any help!














