Question

I know border has a double attribute. Do I need to hack some positions with border: double to get this to work?

Answer 1

You can use CSS gradients for this, using color stops to create the lines.

http://jsfiddle.net/uUNLD/1/

p {
    background-image: -webkit-linear-gradient(silver 0, silver 1px, white 1px, white 4px, silver 4px, silver 5px, white 5px);
    background-image: -moz-linear-gradient(silver 0, silver 1px, white 1px, white 4px, silver 4px, silver 5px, white 5px);
    background-image: -ms-linear-gradient(silver 0, silver 1px, white 1px, white 4px, silver 4px, silver 5px, white 5px);
    background-image: -o-linear-gradient(silver 0, silver 1px, white 1px, white 4px, silver 4px, silver 5px, white 5px);
    background-position: 0 .4em;
}