Construction de bordures autour d'éléments adjacents

Question

Est-il possible d'avoir une bordure continue autour d'éléments html adjacents de hauteurs différentes?

J'ai essayé de chevaucher les éléments par la largeur de la bordure et de définir la bordure gauche du second élément sur blanc, mais cela crée un biseau noir/blanc sur le coin (http://jsfiddle.net/h4FwJ/). Je voudrais atteindre le même aspect que dans ce violon, mais sans le biseau.

Answer 1

changer le style de div1 à ce

border-left-width:0px;  
margin-left: -10px; 
background-color:White;