Como no cabe todo en un sólo mensaje pongo aquí el fichero HTML y en otro el código del .js (externo, ¡¡ojo!! con la llamada que quede como tú quieras):
<html>
<head>
<title>Ficha Departamento</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script src="js/scroll.js"></script>
<style type="text/css">
#content {position: absolute;}
</style>
<link rel="stylesheet" href="css/estilos.css" type="text/css">
</head>
<body bgcolor="#BBCCDD" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#666666" vlink="#666666" alink="#000000" scroll="no" onLoad="eventLoader();">
<!-- div containing content | change: top + left + width + height + clip -->
<span id="cabecera" style="position: absolute; top: 0px; left: 0px; width: 500px; height: 20px; clip:rect(0px 500px 20px 0px); z-index: 7; overflow: hidden;; visibility: visible">
<table width="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20" bgcolor="#FFCC00"></td>
<td width="4" bgcolor="#000000"></td>
<td width="9" bgcolor="#FFCC00"></td>
<td width="317" bgcolor="#FFCC00" class="titulos">Departamento</td>
<td width="150" align="right"><img src="images/logo.gif" border="0"></td>
</tr>
</table>
</span>
<span id="titulo" style="position: absolute; top: 41px; left: 31px; width: 439px; height: 20px; clip:rect(0px 439px 20px 0px); z-index: 8; overflow: hidden;; visibility: visible">
<table width="439" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="20" bgcolor="#FFFFFF"></td>
<td width="429" height="20" bgcolor="#FFFFFF" class="titulos">Título de la ficha</td>
</tr>
</table>
</span>
<span id="linea1" style="position: absolute; top: 79px; left: 31px; width: 439px; height: 1px; clip:rect(0px 439px 1px 0px); z-index: 9; overflow: hidden;; visibility: visible">
<table width="439" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="439" height="1" bgcolor="#000000"></td>
</tr>
</table>
</span>
<span id="linea2" style="position: absolute; top: 353px; left: 31px; width: 439px; height: 1px; clip:rect(0px 439px 1px 0px); z-index: 10; overflow: hidden;; visibility: visible">
<table width="439" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="439" height="1" bgcolor="#000000"></td>
</tr>
</table>
</span>
<span id="cerrar" style="position: absolute; top: 356px; left: 419px; width: 52px; height: 11px; clip:rect(0px 52px 11px 0px); z-index: 11; overflow: hidden;; visibility: visible">
<a href='javascript
:self.close()'><img src="images/cerrar.gif" border="0"></a>
</span>
<span id="contentClip" style="position: absolute; top: 86px; left: 31px; width: 413px; height: 261px; clip:rect(0px 413px 300px 0px); z-index: 6; overflow: hidden;; visibility: visible">
<span id="content">
<table width="413" border="0" cellpadding="0" cellspacing="0">
<tr align="left" valign="top">
<td align="left" height="155"><img src="images/ficha1.jpg" border="0"></td>
<td align="left" widht="15"><img src="images/transparente.gif" border="0" width="15" height="1"></td>
<td align="left" valign="middle" class="informa_titulos">Año: 2003<br>
Productoras: Cartel, Tornasol Films y Flamenco Films<br>
Director: Agustín Díaz Yanes<br>
Formato: 2.2:21, 35 mm<br>
Distribución: Lauren Films
</td>
</tr>
<tr>
<td colspan="3" class="informa_dentro">
Con colaboraciones de Helena Kvarnström, Marta Carrillo, Magui, Lorenzo Gómez y 11 Manuel Bartual. Incluye una entrevista a Mauro Entrialgo y un portafolio de ilustraciones de Juaco Vizuete. La portada es de Joan Marín.<br>
Con colaboraciones de Helena Kvarnström, Marta Carrillo, Magui, Lorenzo Gómez y 11 Manuel Bartual. Incluye una entrevista a Mauro Entrialgo y un portafolio de ilustraciones de Juaco Vizuete. La portada es de Joan Marín.<br>
Con colaboraciones de Helena Kvarnström, Marta Carrillo, Magui, Lorenzo Gómez y 11 Manuel Bartual. Incluye una entrevista a Mauro Entrialgo y un portafolio de ilustraciones de Juaco Vizuete. La portada es de Joan Marín.<br>
Con colaboraciones de Helena Kvarnström, Marta Carrillo, Magui, Lorenzo Gómez y 11 Manuel Bartual. Incluye una entrevista a Mauro Entrialgo y un portafolio de ilustraciones de Juaco Vizuete. La portada es de Joan Marín.
</td>
</tr>
</table>
</span>
</span>
<!-- div containing up-arrow | change: top + left -->
<span id="up" style="position: absolute; top: 86px; left: 455px; width: 1px; height: 1px; z-index: 3;; visibility: visible">
<img src="images/up.gif" border="0" width="15" height="15"> </span>
<!-- div containing down-arrow | change: top + left -->
<span id="down" style="position: absolute; top: 332px; left: 455px; width: 1px; height: 1px; z-index: 4;; visibility: visible">
<img src="images/down.gif" border="0" width="15" height="15"> </span>
<!-- div containing scrollbar | change: top + left + width + height -->
<span id="drag" style="position: absolute; top: 101px; left: 456px; width: 13px; height: 13px; z-index: 5;; visibility: visible">
<img src="images/barra.gif" border="0" width="13" height="13"></span>
<!-- div laying above scrollbar for netscape 6 protection | change: top + left + width + height -->
<span id="ruler" style="position: absolute; top: 101px; left: 456px; width: 13px; height: 13px; z-index: 2;; visibility: visible"></span>
<span id="guia" style="position: absolute; top: 101px; left: 455px; width: 15px; height: 231px; z-index: 1;; visibility: visible">
<img src="images/guia.gif" border="0" width="15" height="231"></span>
</body>
</html>