Hi,

I have a problem placing a div. I want 2 divs placed in 1 div. I only get 1 div in the div, but the other 1 is giving me problems.

This is the code I have:
Code:
body
{
	background: #fff;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.draggable {
	position: absolute;
	border: 1px solid #0090DF;
	background-color: #68BFEF;
	text-align: center;
}



#drag1 (= the green one)
{
	position: absolute;
	border: 1px solid #fff;
	background-color: #9c0;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
}

#drag7 
{
	top: 10px;
	left: 250px;
}
#drag7 div (= the red one)
{
	cursor: move;
	background-color: #900;
	height: 50px;
	width: 50px;
	margin-left: auto;
	margin-right: auto;
}

</style>
</head>
<body>
<div id="drag1" class="draggable">Drag by handle</div>
<div id="drag7" class="draggable"><div></div>Drag by handle</div>
etc

And this picture will explain excatly what I need (the green div under the red one):
http://www.sourceskins.com/voorbeeld.jpg

Thanks for the help