[QUOTE=YuriKolovsky;]is this taking the iefixes.css into account?
i could not get the positioning to work correctly no matter what i tried, any set position breaks it in IE6.[/QUOTE]If you paste my posted code into OP linked code the IE fixes are not needed.
But maybe I totally missed what the scrolling problem is about? 
Here is the same code, but adapted for a list as the link-container, working together with OP linked code.
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Profesor Nativo Inglés / Native English Teacher</title>
<meta name="description" content="Aprende inglés rapidamente con un profesor nativo y experimentado. Clases particulares y en grupos pequeños para adultos, niños y empresas." />
<meta name="keywords" content="profesor nativo ingles Dublin, native English teacher Dublin, gramática, clases particulares, private classes, experimentado, " />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Author" content="" />
<meta name="Author-email" content="jkbcn@hotmail.com" />
<meta name="ROBOTS" content="ALL" />
<meta name="distribution" content="global" />
<meta name="revisit-after" content="30 days" />
<meta name="copyright" content="2005" />
<meta http-equiv="Content-Language" content="en-us" />
<meta name="language" content="English" />
<meta name="TOC" content="purl=;title=index.cfm" />
<meta name="robots" content="ALL" />
<meta name="rating" content="General" />
<!--#include virtual="/meta/index.txt"-->
<!--
<link href="/border.css" rel="stylesheet" type="text/css" />
-->
<style type="text/css">
/*<![CDATA[*/
<!--
/* content of "/border.css" */
a:link img
{
border-style: none;
}
-->
/*]]>*/
</style>
<!--
<link rel="stylesheet" href="idioms_3.css" />
-->
<style type="text/css">
/*<![CDATA[*/
<!--
/* content of "idioms_3.css" */
/*********************** removed css
.tooltip { position:relative; z-index:24;
text-decoration : none;
}
.tooltip span { display: none;
}
.tooltip:hover {z-index:25;
height : 0px;
width: auto;}
.tooltip:hover span {
display:inline;
position:absolute;
bottom : 15px;
text-align : center;
left : 100px;
width: auto;
line-height : 25px;
background-color:#ffffff;
border:1px solid #333333;
padding-left:6px;
padding-right:6px;
padding-top:0px;
padding-bottom:0px;
font-size:12px;
font-weight : bold;
color:#000000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
***********************/
/********************** suggested css */
#content .tooltip { /* added specificity to override the later rules for the scroll class */
position: relative;
font: 12px/1.2 Verdana, Geneva, sans-serif;
list-style: none;
}
.tooltip a {
position: relative;
clear: left;
float: left;
margin: 7px 0;
color: #000;
text-decoration: none;
}
.tooltip a:hover {
visibility: visible;
color: #009;
cursor:help;
}
.tooltip a span {
position: absolute;
margin-left: -9999px;
padding:0 6px;
color: #090;
font-weight: bold;
}
.tooltip a:hover span {
margin-left:0;
}
-->
/*]]>*/
</style>
<!-- the embedded css -->
<style type="text/css">
/*<![CDATA[*/
<!--
a:link img {
border-style : none;
}
body {
margin : 0;
padding : 0;
color : white;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : medium;
background-image:url(background.jpg);
background-attachment:fixed;
background: url(background.jpg) fixed;
}
.invisible {
display : none;
}
#fixed {
font-size : 13px;
position : absolute;
top : 0;
background-image:url(background.jpg);
margin-left: auto;
margin-right: auto;
width : 13em;
padding-left : 18px;
padding-top :12px;
padding-bottom :20px;
color : #006600;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : left;
border : 0px black solid;
}
body > #fixed {
position: fixed;
}
#content {
margin-left : 17.6em;
margin-right : auto;
padding-top : 1em;
padding-bottom : 1px;
padding-left : 1px;
padding-right : 9px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
line-height : 1.5;
text-align : center;
background : #ffffff;
color : #000000;
width : 632px;
}
h1 {
font-size : 1em;
text-align : center;
margin : auto;
background : #eeeeee;
color : #006600;
width : 140px;
}
h2 {
font-size : 10px;
text-align : center;
margin : auto;
background : #ffffff;
color : #000000;
width : auto;
font-weight : normal;
padding-left : 2px;
}
h3 {
margin : auto;
text-align : center;
font-size : 13px;
width : 280px;
padding : 4px;
font-weight : normal;
background : #ffffff;
color : #000000;
font-style : normal;
}
h4 {
text-align : center;
font-size : 12px;
font-weight : bold;
margin-top : 12px;
margin-bottom : 0;
padding-top : 0;
color : #333399;
}
h5 {
text-align : left;
font-size : 1.2em;
font-weight : bold;
margin-top : 12px;
margin-bottom : 0;
padding-top : 0;
}
h6 {
text-align : center;
font-size : 12px;
font-weight : normal;
color :#333399;
background : #ffffff;
margin-top : 16px;
margin-bottom : 0;
padding-top : 0;
}
a:link {
outline: none;
color : #0066cc;
text-decoration : none;
}
a:visited {
outline: none;
color : #0066cc;
}
a:active {
color : #0066cc;
}
a:hover {
color :#000066;
text-decoration : none;
}
a {
text-decoration : none;
}
#fixed a {
color: #000099;
padding-top: 3px;
margin : auto;
padding-bottom: 3px;
padding-right: 10px;
width: 112px;
text-align : left;
text-decoration: none;
font-size : 11px;
font-weight : normal;
}
#fixed a:hover {
color: #6699cc;
font-weight : normal;
}
#ffixed a {
color: #fffccc;
padding-top: 3px;
padding-bottom: 3px;
width: 112px;
text-align : left;
text-decoration: none;
background: #ffcc00;
font-size : 11px;
font-weight : normal;
}
#ffixed a:hover {
background:#ffffff;
color:#ffffff;
}
div.address {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
text-align : center;
color : #000033;
border-top : 0px solid #cccccc;
width : auto;
margin: 0 auto;
font-weight : normal;
}
div.address img {
border : 0;
text-align : center;
}
.wrap {
width : 780px;
height : 100%;
}
.scroll{
margin : auto;
background : #ffffff;
color : #333333;
width: 570px;
padding : 12px;
font-size : 12px;
border: 0px solid #cccccc;
line-height : 40px;
text-align : justify;
}
LI.list1 {
list-style : disc;
color : black;
background : #ffffff;
}
LI.list2 {
list-style : square inside;
color : black;
background : #ffffff;
}
.blacktext {
color : #333399;
background : #ffffff;
font-weight : normal;
}
.title1 {
margin : auto;
background : #ffffff;
color : #333399;
width : auto;
padding-top : 2px;
padding-left : 5px;
padding-right : 13px;
font-size : 14px;
font-weight : bold;
text-align : center;
}
.title2 {
margin : auto;
background : #ffffff;
color : #000099;
width : 399px;
padding-top : 2px;
padding-left : 5px;
padding-right : 13px;
font-size : 16px;
font-weight : bold;
text-align : center;
overflow : auto;
}
.title3 {
margin : auto;
background : #ffffff;
color : #000000;
width : 399px;
padding-top : 2px;
padding-left : 5px;
padding-right : 13px;
font-size : 13px;
font-weight : bold;
text-align : center;
overflow : auto;
}
img
{
border-style: none;
vertical-align:middle;
margin-left : auto;
margin-right : auto;
padding-bottom : 4px;
}
#c3
a:link {
background-color : #ffffff;
color : #3399ff;
text-decoration : none;
}
#c3 a:visited {
background-color : #ffffff;
color : #3399ff;
}
#c3 a:active {
outline : none;
background-color : #ffffff;
color : #3399ff;
}
#c3 a:hover {
background-color : #ffffff;
color : #cccccc;
text-decoration : none;
}
#c3 a {
text-decoration : none;
outline : none;
}
.em {
color : blue;
font-size : 14px;
font-weight : bold;
}
.w3 {
position : absolute;
left : 18px;
width : 140px;
text-decoration : none;
outline : none;
padding-left : 0px;
margin-left : 40px;
margin-right : 0px;
margin-top : 14px;
border : 0px solid #000000;
}
#logo {
text-decoration : none;
outline : none;
padding-left : 30px;
margin-left : 0px;
margin-right : 0;
margin-top : 14px;
position: absolute;
bottom : 4px;
}
form table {margin: 0 auto;}
-->
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
<!--
h4.c2 {text-align: center}
h3.c1 {text-align: center}
-->
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
<!--
#txt{
border:none;
font-family:verdana;
font-size:14px;
font-weight:bold;
background : #ffffff;
border: 0px solid #cccccc;
color : #ff3300;
text-align : center;
width : 53px;
}
-->
/*]]>*/
</style>
<!--[if IE 6]>
<!--
<link rel="stylesheet" href="iehackjfk.css" type="text/css" />
-->
<style type="text/css">
/*********************** content of "iehackjfk.css"
html {
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
***********************/
</style>
<![endif]-->
<!--[if lte IE 6 ]>
<style type="text/css">
/********************** embedded css
.tooltip {
cursor:default;
position:relative;
}
a.tooltip:hover {
cursor:help;
z-index:99;
}
.tooltip span {
position:absolute;
top:0;
left:0;
}
.tooltip:hover span {
position:absolute;
top:0px;
left : 450px;
}
**********************/
</style>
<![endif]-->
</head>
<body>
<div class="wrap">
<div id="content">
<div class= "title1">
<br />
Relative clauses 2
<br /><br />
To see answers, click the questions!
<br /><br /><br />
</div>
<h4>Complete the sentences :<br /><br /> who / that / which / whose / whom / where</h4>
<ul class="scroll tooltip"> <!-- suggesting a list for the questions instead of a div with links separated by line-breaks -->
<li><a href="#">My boss, _<span>who</span>______ is American, drives a BMW. </a></li>
<li><a href="#">This is the film <span>that/which </span>__________ I told you about</a></li>
<li><a href="#">He was born in Dublin, __<span>which</span>_________ is the capital.</a></li>
<li><a href="#">That's the man __<span> whose</span>_________ wife is a lawyer. </a></li>
<li><a href="#">The idea, __<span>which</span>________ was very original, has been accepted.</a></li>
<li><a href="#">He's the man to __<span>whom</span>_________ I sold my car.</a></li>
<li><a href="#">My firend, __<span>who</span>________ is from Italy, has found a new job.</a></li>
<li><a href="#">I really enjoyed the dinner <span>that/which</span>___________ you cooked yesterday.</a></li>
<li><a href="#">The shop __<span> where</span>__________ I bought my shoes has closed down.</a></li>
</ul>
<br />
<div class= "em">
<a href="exercises.htm" ><em>More exercises! </em></a>
</div>
<br /><br /><br />
<h5> </h5>
<!-- SiteSearch Google -->
<form method="get" action="http://www.google.com/search">
<table border="0">
<tr>
<td valign="top" >
<input type="hidden" name="domains" value="http://www.elise.com" />
<input type="hidden" name="client" value="pub-5527714554151844" />
<input type="hidden" name="forid" value="1" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="hidden" name="oe" value="ISO-8859-1" />
<input type="hidden" name="safe" value="active" />
<input type="hidden" name="cof" value="GALT:#660000;GL:1;DIV:#999999;VLC:336633;AH:center;BGC:FFFFFF;LBGC:993300;ALC:003366;LC:003366;T:000000;GFNT:666666;GIMP:666666;FORID:1;" />
<input type="text" name="q" size="22" maxlength="255" value="" />
<a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" alt="Google" /></a>
<input type="submit" style="padding : 4px; vertical-align: top" name="sa" value="Search" />
</td>
</tr>
</table>
</form>
<div class="address">
<br />
John Kelly © 2006
</div>
</div>
</div>
<div id="fixed">
<img src="nat.gif" width="144" height="145" alt="" />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="test.htm" > Free Level Test</a>
<br />
<br />
<a href="exercises.htm"> Free Exercises</a>
<br />
<br />
<a href="index.html"> Main page</a>
<br />
<br />
<a class="mailto" href="mailto:john@profesornativo.com" >Contact me</a>
<br /><br /><br /><br /><br /><br /><br /> <br /><br /> <br /> <br />
<div class="w3">
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /></a>
</div>
</div>
</body>
</html>