How to make double lines border in CSS, each line in different color, without using background image?

Question

How to make a double line border in CSS, each line in a different color without using background-image?

For example like this:

Answer 1

h2 { border-bottom: solid blue;}
p { border-top: solid red; }

Will get you close, then play around with margins and padding until things line up.

http://jsfiddle.net/gR4qy/