How to avoid double borders on list of divs

Question

I have a list of divs which are used as a FAQ. Sometimes the divs are listed below each other, sometimes there is text between them. When they are listed below one other, I have

Answer 1

Can you not simply use a negative margin ?

.faq {width:200px;border: 1px solid #ffffd;margin-top:-1px;}

http://jsfiddle.net/bYPR6/7/