Se ricordo bene, "position: relative;" indica che il posizionamento del layer è calcolato in base all'elemento che lo precede: se vuoi specificare delle posizioni relative all'elemento contenitore (nel tuo caso "content") credo che tu debba impostare il valore a "position: absolute;"

... in ogni caso non ci metterei la mano sul fuoco.

P.S. Potresti anche provare in questo modo:
codice:
#box1 {
	width:100px; 
	height:181px;
        display: inline;
        float: left
	background-color: #CCCCCC; 
	border: 1px none #000000;
}
#box2 {
	width:100px; 
	height:181px; 
	background-color: #CCCCCC; 
	border: 1px none #000000;