moni: Zellen verbinden : Tabelle immer breiter

Hi,
hoffe dass jemand einen Tipp für mich hat..
In meiner 3 spaltigen tabelle will ich mit einem klick zwei zellen verbinden. das klappt auch. Aaaaber.... ach  schaut euch bitte einfach mal folgenden code im FIREFOX an und klickt öfter mal auf "klickmich":

<html>
<head>
<script>
// shrink right detail column
function shrinkCol()
{
var middle = document.getElementById('middle');
var right = document.getElementById('right');
var middleColspan = document.getElementById('middle').getAttribute("colspan","false");
middleColspan = Number(middleColspan);

if (middleColspan==1)
{
middle.setAttribute("colspan",middleColspan+1,"false");
right.style.display="none";
}
else if(middleColspan==2)
{
middle.setAttribute("colspan",middleColspan-1,"false");
right.style.display="block";
}
}
</script>
<head>
<body>
<table width="100%" border="1">
<tr>
<td width="200">eins</td>
<td >zwei</td>
<td width="150" onClick="shrinkCol()" style="cursor: pointer;"/>klickmich!</td>
</tr>
<tr>
<td width="200">1111</td>
<td id="middle" colspan="1" height="100%">2222</td>
<td id="right" width="150">3333</td>
</tr>
</table>
</body>
</html>

wie ihr seht wird die tabellenzelle am ende immer breiter. Ich verstehe einfach nicht warum Firefox das macht. Hat jemand eine Idee?

Vielen Dank im Voraus!!!

liebe Grüsse
Moni

  1. Hi nomma, ich war zu blind!
    mit <table width="100%" border="1" cellspacing="0" cellpadding="0">
    klappts! Sorry , ich war zu verzweifelt!

    danke für eure geduld, liebe grüsse
    Moni