Slides: positioning toc in left frame

I'm customizing the slides code to produce an online help system. Except for the lack of an hyperlinked index and search (which I hope to get to soon), I've managed to pretty much reproduce what WebWorks generates with its 2.0 template. However, my JavaScript toc is always positioned in the upper left (0,0). I need to be able to control it's location in the left-hand frame. The output for the toc looks like that below. Any ideas?

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

      <title>TOC - </title>
      <link type="text/css" rel="stylesheet" href="browser/slides.css">
      <link type="text/css" rel="stylesheet" href="browser/slides.css">
      <link type="text/css" rel="stylesheet" href="browser/slides.css"><script type="text/javascript" language="JavaScript1.2" src="browser/ua.js"> </script><script type="text/javascript" language="JavaScript" src="browser/xbDOM.js"> </script><script type="text/javascript" language="JavaScript1.2" src="browser/xbStyle.js"> </script><script type="text/javascript" language="JavaScript1.2" src="browser/xbCollapsibleLists.js"> </script><script type="text/javascript" language="JavaScript" src="javascript:void(0);"> </script><script language="JavaScript" type="text/javascript">
function init() {
var width = 250, height = 22;
myList = new List(true, width, height, "#FFFFFF","graphics/toc/fc.gif","graphics/toc/fo.gif");
subList = new List(false, width, height, "#FFFFFF");
subList.setIndent(12);
subList.addItem('<div id="d0e9" class="toc-foil"><img alt="-" src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" target="foil">Heading 1</a></div>');
subList.addItem('<div id="d0e22" class="toc-foil"><img alt="-" src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" target="foil">Heading 1</a></div>');
myList.addList(subList, '<div id="d0e4" class="toc-section"><a href="foilgrp01.html" target="foil">Chapter 1</a></div>');
subList = new List(false, width, height, "#FFFFFF");
subList.setIndent(12);
subList.addItem('<div id="d0e44" class="toc-foil"><img alt="-" src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" target="foil">Heading 1</a></div>');
subList.addItem('<div id="d0e57" class="toc-foil"><img alt="-" src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" target="foil">Heading 2</a></div>');
myList.addList(subList, '<div id="d0e39" class="toc-section"><a href="foilgrp02.html" target="foil">Chapter 2</a></div>');

docbook-apps message