It's difficult to explain, but I'll give it a try :)

This is what I have:
Code:
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
 



 


<p>&nbsp;</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="33%"><a href="#" onClick="MM_showHideLayers('binnenland','','show','buitenland','','hide','economie','','hide','sport','','hide')">Binnenland</a></td>
    <td width="33%"><a href="#" onClick="MM_showHideLayers('binnenland','','hide','buitenland','','show','economie','','hide','sport','','hide')">Buitenland</a></td>
    <td width="33%"><a href="#" onClick="MM_showHideLayers('binnenland','','hide','buitenland','','hide','economie','','show','sport','','hide')">Economie</a></td>
    <td width="33%"><a href="#" onClick="MM_showHideLayers('binnenland','','hide','buitenland','','hide','economie','','hide','sport','','show')">Sport</a></td>
  </tr>
  <tr> 
    <td colspan="4">
	<div style="height: auto">
	<div id="binnenland" style="position:absolute; visibility: visible; z-index: 2">
	Binnenland
	</div>
	
	<div id="buitenland" style="position:absolute; z-index: 1; visibility: hidden">
	Buitenland<br>boe<br>test
	</div>
	
	<div id="economie" style="position:absolute; z-index: 1; visibility: hidden">
	Economie
	</div>
	
	<div id="sport" style="position:absolute; z-index: 1; visibility: hidden">
	Sport
	</div>
	</div>
	</td>
  </tr>
</table>
<p>This line has to adapt hisself on the length of the layer above</p>
</body>
</html>
This works fine, but there's one problem, when I add <br> tags in a layer, the line below disappears under the layer, what I want is that the line below the layers adapts to the lenght of the layer... I do not want to use pixel positions, so not top=200 left=366 etc...

Ideas?

tip: try the code above first in your browser, it'll be more clear what I mean :)