Lo prometido es deuda, así que ahí va el código:
<html>
<title>Formulario en div</title>
<head>
<style type="text/css">
body {background: #00FF00}
DIV {width: 710 px;
position: relative;
top: 30 px;
left: 320 px;
background: #0000FF;
margin-top: 60px;
margin-bottom: 80px;
}
H1 {font-family: Courier;
font-size: 18pt;
font-weight: bold;
text-align: center;
color: #000000;
}
H2 {font-family: Arial;
font-size: 16pt;
font-weight: bold;
text-align: justify;
text-indent: 1cm;
margin-top: 25px;
margin-left: 25px;
margin-right: 25px;
margin-bottom: 25px;
}
</style>
</head>
<body>
<DIV>
<H1><p>Ejercicio de formulario en div</p></H1>
<H2><p>Para continuar con las pruebas de diseño web el alumno deberá elaborar un formulario muy sencillo e incluirlo dentro de un div. El código es, como puede verse, muy elemental, y en principio no debería ocasionar problemas de ningún tipo.<br>
<p>Añadir unas pocas líneas más aumentará el tamaño del div contenedor, sin que esta circunstancia traiga consigo ninguna complicación sobrevenida.</p>
<p>Y por si esto fuera poco incrementamos todavía más la extensión del texto, para de este modo ir "inflando" el div. Sus dimensiones siguen creciendo y creciendo; y aunque se trata sólo de un mero ejercicio, conviene no conformarse con un simple boceto minimalista.<br>
<p>Bueno, creo que la parrafada es más que suficiente, de manera que para no volverla especialmente insufrible mejor será interrumpirla definitivamente en este mismo punto.</p></H2>
<br>
<center>
<form>
<input type="tex" size="40">
<br><br>
<input type="submit" value="Enviar">
<input type="reset" value="Borrar">
</form>
<br>
</DIV>
</body>
</html>
Bueno, pues ése es el código. En cuanto a la barra de desplazamiento vertical de Internet Explorer, con este código no funciona, se la ve con ese color desteñido y mortecino típico de las funciones deshabilitadas. Con otros divs ensayados, en cambio, funciona perfectamente. A ver si hay suerte y el misterio puede ser resuelto...