Scrollbar sobre parte de una página

[alapaco]

Este sería el HTML que va dentro del div contentIn:

Código HTML:

<script language="JavaScript" src="js/encuesta.js"></script>
<iframe height="0" id="iframeEncuesta" name="iframeEncuesta" src="" width="0"></iframe>
<div>
	<form action="/modules/abm_encuestas/procesar_encuesta.php" id="formEncuesta" method="post" name="formEncuesta" target="iframeEncuesta" onSubmit="return ValidarForm(formEncuesta)">
		<input id="id" name="id" type="hidden" value="<?= ($alta)?"":$_REQUEST["id"]?>">
		<input id="tipoOp" name="tipoOp" type="hidden" value="<?= ($alta)?"A":"M"?>">
		<input id="activaAnterior" name="activaAnterior" type="hidden" value="<?= ($alta)?"F":$row["EN_ACTIVA"]?>">
		<p id="separadores" style="left:240px; position:relative;">
			<label for="fechaAlta">Fecha de Alta</label>
			<input class="FormInputText" id="fechaAlta" name="fechaAlta" type="text" value="<?= ($alta)?"":$row["FECHAALTA"]?>" readonly />
		</p>
		<p id="separadores" style="left:286px; position:relative;">
			<label for="titulo">Título</label>
			<input class="FormInputText" id="titulo" maxlength="128" name="titulo" type="text" value="<?= ($alta)?"":$row["EN_TITULO"]?>" />
		</p>
		<p id="separadores" style="left:278px; position:relative;">
			<label for="detalle">Detalle</label>
			<input class="FormInputText" id="detalle" maxlength="256" name="detalle" type="text" value="<?= ($alta)?"":$row["EN_DETALLE"]?>" />
		</p>
		<p id="separadores" style="left:279px; position:relative;">
			<label for="activa">Activa</label>
			<input id="activa" name="activa" type="checkbox" <?= ($alta)?"":($row["EN_ACTIVA"] == "T")?"checked":""?> />
		</p>
		<p id="separadores" style="left:183px; position:relative;">
			<label for="permiteModificaciones">Permite modificaciones</label>
			<input id="permiteModificaciones" name="permiteModificaciones" type="checkbox" <?= ($alta)?"":($row["EN_PERMITEMODIFICACIONES"] == "T")?"checked":""?> />
		</p>
		<p id="separadores" style="left:64px; position:relative;">
			<label for="mostrarImagen">Mostrar imagen en la cabecera de la página</label>
			<input id="mostrarImagen" name="mostrarImagen" type="checkbox" <?= ($alta)?"":($row["EN_MOSTRARIMAGENCABECERA"] == "T")?"checked":""?> />
		</p>
		<div id="preguntas">
			<p id="separadores" style="left:64px; position:relative;">
				<span id="preguntasTitulo">Preguntas</span>
				<img alt="Agregar pregunta" border="0" src="/images/add16.png" style="vertical-align:text-bottom; cursor:hand;" onClick="agregarPregunta()" />
			</p>
			<p id="separadores">
				<hr id="linea">
			</p>
		</div>
		<p align="center" id="separadores">
			<input class="BotonBlanco" name="btnGuardar" type="submit" value="Guardar">
			<input class="BotonBlanco" name="btnCancelar" type="button" value="Cancelar" onClick="history.back();">
		</p>
	</form>
</div> 

Y este el css particular de esa página:

Código:

<style>
#detalle {
	width: 320px;
}

#fechaAlta {
	width: 88px;
}

#linea {
	background-color: #333;
	border: 0;
	color: #9CB5CB;
	height: 1px;
	width: 84%;
}

#preguntas {
	margin-top: 32px;
	position: relative;
}
	
#preguntasTitulo {
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	margin-right: 8px;
}
	
#separadores {
	margin-top: 4px;
	position: relative;
}

#titulo {
	width: 160px;
}

.Opcion {
	border: 1px solid #808080;
	color: #808080;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	width: 272px;
}

.Pregunta {
	border: 1px solid #808080;
	color: #808080;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	width: 512px;
}
</style>