Question

Is it possible to have a continuous border around adjacent html elements that have different heights?

I have tried overlapping the elements by the border width and setting the left border of the second element to white, but this creates a black/white bevel on the corner (http://jsfiddle.net/h4FwJ/). I would like to achieve the same look as in that fiddle, but without the bevelling.

Answer 1

Change the div1 style to this

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