¿Cómo podría hacer que en este ejemplo, la caja negra contenga a cualquier div flotante o posicionado que esté dentro del div principal?
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</head>
<body>
<div style="position: relative; background-color: #000000; overflow: visible">
<div style="display: block; float: none; position: relative; top: 100px; left: 100px; background-color: #FF0000 ;height: 220px; width: 320px;">Hola, esto es un test de overflow.</div>
</div>
</body>
</html>