Måske sådan noget:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#mainTable{width:864px;margin:0 auto;}
#mainTable td{width:33%;}
#mainTable div{height:100px;position:relative;overflow:hidden;padding:3px;}
</style>
<script language="javascript" type="text/javascript">
function getPos(elm) {//jumper
for(var zx=zy=0;elm!=null/*.tagName!="table"*/;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
return {x:zx,y:zy}
}
function showAllText(elm){
var pos = getPos(elm);
with(elm.style){
width = "300px";
position = "absolute";
top = pos.y + "px";
left = pos.x + "px";
background = "#ff0";
zIndex = "2";
overflow= "visible";
height = "";
minHeight = "300px";
}
//alert(pos.x+" "+pos.y);
}
function showDefault(elm){
with(elm.style){
width = "";
position = "relative";
top = "";
left = "";
background = "";
zIndex = "";
overflow = "hidden";
height = "100px";
minHeight = "";
}
}
</script>
</head>
<body>
<table id="mainTable">
<tr>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lectus elit, sagittis at, accumsan id, dictum et, erat. Etiam non sapien. Quisque aliquet gravida mi. Integer vitae tortor quis wisi scelerisque vestibulum. Duis pulvinar magna non mauris laoreet volutpat. Aenean et purus. Cras accumsan justo sed arcu. Quisque urna. Sed mi. Ut sed nunc at lorem aliquet vulputate. Proin quis nibh. Proin ut dui vitae urna lacinia posuere. Ut vulputate purus facilisis nunc. Morbi ultrices euismod leo. Integer dui tellus, dictum in, viverra at, sagittis id, sem. Donec nonummy, sem eu hendrerit vulputate, nunc urna molestie eros, et semper nunc mi at ipsum. Praesent tempus malesuada felis.</div></td>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Nunc dolor. Nulla id purus vitae lacus interdum blandit. Donec lorem ante, rutrum eget, nonummy quis, luctus vel, eros. Quisque porttitor felis malesuada elit. Aliquam pretium purus vitae nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam sem. In mattis ipsum id dolor. Vivamus quis neque. Etiam vitae velit. Phasellus interdum, eros sit amet porta rutrum, mi neque ornare diam, et nonummy ipsum eros a dolor. Maecenas ut ligula. Vivamus adipiscing dignissim neque. Cras sit amet sapien.</div></td>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Proin accumsan consequat felis. Nunc pellentesque, nisl vestibulum iaculis rhoncus, mauris enim luctus neque, quis auctor dolor sapien et massa. Donec in lorem vel pede mollis condimentum. Mauris libero. Praesent imperdiet. Nam porttitor nisl ac eros. Nulla sed metus. Duis id quam. Donec id augue. In enim ante, consectetuer in, cursus vitae, tristique sit amet, ipsum. Mauris ullamcorper porta nisl. Morbi pharetra. Proin commodo. Sed facilisis vehicula wisi. Ut malesuada. In hac habitasse platea dictumst. Vivamus auctor. Pellentesque quis massa id nunc ornare varius. Aliquam erat volutpat.</div></td>
</tr>
<tr>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Aenean vel justo vel ligula nonummy fermentum. Nulla a elit non orci egestas viverra. Sed tempus augue et massa. Maecenas tincidunt leo a purus. Curabitur elementum malesuada purus. In nunc purus, imperdiet eu, bibendum at, vulputate quis, augue. Aenean sed nibh blandit pede scelerisque luctus. Pellentesque vestibulum. Sed faucibus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tellus. Sed eu justo. Duis purus augue, tincidunt a, feugiat at, tempor sed, ante.</div></td>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Pellentesque convallis. Sed quam urna, venenatis eget, scelerisque eget, pharetra vitae, nisl. Aliquam sem. Nulla in lacus. Phasellus ultricies nibh eu enim. Aenean tincidunt, tortor eget fringilla congue, tortor wisi sollicitudin wisi, in tincidunt eros urna et ipsum. Donec vestibulum interdum sapien. Vestibulum ultricies erat. Phasellus pulvinar metus et sapien. Aliquam in mauris nec tellus tincidunt sollicitudin.</div></td>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Morbi vitae nulla. Proin sit amet erat. Vestibulum vitae metus. Nunc a lectus. Proin convallis, mauris id venenatis placerat, nisl lorem vulputate diam, sit amet commodo ligula massa eu wisi. Etiam fringilla pede non enim. Praesent pharetra lacus eget turpis. Sed tempus accumsan risus. Mauris dui massa, facilisis sit amet, tincidunt id, placerat et, sapien. Nunc vel lorem. In hac habitasse platea dictumst. Proin vitae mauris.</div></td>
</tr>
<tr>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Nullam vestibulum odio in ipsum. Vivamus non ante. Sed rhoncus scelerisque mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Proin blandit ante sed mauris. Aliquam hendrerit metus vel diam. Maecenas sodales, turpis ac posuere bibendum, lectus velit vulputate orci, non dapibus arcu mi pretium orci. Aliquam ac metus. Sed sollicitudin pede et leo. Aenean eu purus. Nunc est orci, molestie non, ullamcorper non, mattis quis, quam. Sed sed ligula id urna imperdiet tempus. Donec nibh. Vivamus sed nunc. Mauris at turpis eget lorem tincidunt tristique. Sed sollicitudin porttitor arcu. Nulla augue. Nam mauris. Cras mattis, ante a sollicitudin volutpat, nibh dolor dignissim dolor, vel iaculis risus felis a neque. Quisque varius augue sed pede malesuada accumsan.</div></td>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Vivamus ipsum. Cras facilisis ultricies libero. Nam magna odio, suscipit sit amet, dapibus eu, congue ut, wisi. Suspendisse est libero, sollicitudin eget, scelerisque eu, mollis vitae, diam. Vivamus ut nisl. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus ac mi. Pellentesque lectus augue, imperdiet et, dignissim sit amet, elementum ut, ipsum. Sed tristique mauris ut tortor. Praesent dapibus, dui in egestas feugiat, magna sem pharetra urna, a mattis lectus quam quis orci.</div></td>
<td>
<div onmouseover="showAllText(this);" onmouseout="showDefault(this);">
Integer lectus risus, ullamcorper id, egestas tristique, consequat vitae, velit. Aliquam sed urna. Duis euismod interdum urna. Vivamus posuere tortor sit amet tellus. Curabitur nisl. Ut semper nulla in lorem. Curabitur vestibulum adipiscing turpis. Integer bibendum nibh id risus. Mauris lectus turpis, ullamcorper ac, varius eu, interdum eget, lorem. Nulla vel quam non pede commodo pulvinar. Curabitur pretium odio in metus. Quisque ut metus in ante commodo dictum. Sed turpis. Mauris varius, eros eget porttitor lobortis, mi magna dapibus nibh, at congue odio quam varius leo.</div></td>
</tr>
</table>
</body>
</html>
