Hay dos columnas laterales que deberian ser de 27px pero solo le adjudica esta medida a la de la derecha, ampliando la de la izquierda y las dos colspan centrales toman lo que les cede el de la izquierda

dejo enlace a una muestra simplificada de la pagina real:
[url=http://www.clubwala.com/prova.html][/url]
Gracias de antemano
Código HTML :
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Club Wala Unipreus</title> <meta name="title" content="Club Wala"/> <link href="css/stylescopia.css" rel="stylesheet" type="text/css"> </head> <body style="font-size:12px"> <table width="750" cellspacing="0" cellpadding="0" align="center" border="0"> <!-- COMENÇA EL MENU --> <tr> <td class="black" height="90" colspan="3"> <a href="/"><img src="imatges/logoClub.png" style="border:none; position:relative; left:15px" height="70"></a></td> <td class="black" width="27"> </td> </tr> <tr> <td colspan="3" class="blau"> <table align="right" style="font-size:14px" border="0" bordercolor="#FF0000"> <tr> <td><a href="/">Inici</a></td> <td style="font-weight:bold"> · </td> <td><a href="benefits.html">Avantatges del Club</a></td> <td style="font-weight:bold"> · </td> <td><a href="register.php">Fer-me Soci</a></td> <td style="font-weight:bold"> · </td> <td><a href="shoplist.html">Les Nostres Botigues</a></td> <td style="font-weight:bold"> · </td> <td><a href="condicions.html">Condicions generals</a></td> </tr> </table> </td> <td width="27" class="blau"> </td> </tr> <!-- ACABA EL MENU --> <!-- INICIO DEL PROBLEMA las dos columnas de 27 deberian ser iguales adjudicando el resto a las 2 colspan centrales --> <tr> <td width="27" bgcolor="#66FFFF"> </td> <td colspan="2" bgcolor="#99FF33"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis aliquet fermentum tortor. Praesent molestie tristique tortor. Nulla laoreet, orci eget fermentum varius, nunc diam imperdiet mauris, id ultrices ipsum purus sit amet dui. Sed eu pede in libero commodo faucibus. Suspendisse condimentum tortor id ante. Duis porta tellus at turpis. Nam pretium euismod arcu. Maecenas orci tellus, aliquet id, ornare eget, ultricies sed, libero. Nam porttitor luctus lorem. Nunc fermentum. In at risus. Nam odio urna, mattis quis, ultricies vitae, placerat sit amet, ipsum. Duis aliquam lobortis tellus. Cras consectetuer. Duis id eros. </p> <p>Maecenas aliquet arcu ut sapien. Aliquam erat volutpat. Praesent ante. Donec mattis mollis nunc. Fusce sit amet tellus ut mauris lacinia pretium. Integer vel ligula ac est convallis mollis. Fusce vulputate porttitor eros. Duis non pede. Aliquam pharetra nonummy dui. Phasellus ut risus in wisi pretium ullamcorper. Curabitur imperdiet commodo purus. </p></td> <td width="27" bgcolor="#66FFFF"> </td> </tr> </table> </body> </html>