Question

Le Code (without background): http://jsfiddle.net/SP6ny/ (colors changed for extra contrast)

Basically I have LI elements, and I need to add this border to them:

there is a pattern in the background so the list must not have a background.

thanks.

(I have no idea what I”m doing.)

body{
    background: black;
}
.rl_section{
    color: white;
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
}

.rl_section:first-child;{
    border-top: none;
}
.rl_section:last-child;{
    border-bottom: none;
}
.rl_content{
    width: 100%;
    display: block;
    border-top: 1px solid #aaf;
    border-bottom: 1px solid #a55;
    padding: 3px 0;
}

Answer 1

You could use a technique like this: http://jsfiddle.net/sl1dr/Hub86/

Basically I am using top and bottom borders with differing colors.