width de un td afecta a otro

hola,
estoy intentando hacer una página que se divida por una tabla,

Código HTML :

<table border="1px">
  <tr>
     <td width="100%" colspan="3">
     
     </td>
  </tr>
  <tr>
     <td width="220px">

     </td>
     <td width="400">
     
     </td>
     
  </tr>

</table>

necesito que el segundo td del segundo tr ocupe el 100% de la pantalla restante, pero si le pongo width="100%" le quita el width al otro td, aunque le puse width="220" queda sin width, me pueden explicar cómo arreglar esto?
gracias
Hasta Luego!

lo mejor es usar div en ves de tablas, ya que las tablas con solo pestañear se te deformaran si es que estas haciendo algo medianamente diferente de un listado!

podrias teneer

Código HTML :

<div id="contenedor">
  <div id="superior"> 
  </div>
  <div id="inf_izq">
  </div>
  <div id="inf_der">
  </div>
</div>

y ajustarlos con CSS
[css]
.contenedor{
width: 100%;
height: 100%;
}
.superior{
width: 100%;
}
.inf_izq{
width: 220px;
float: left;
}
.inf_der{
width: 400px;
float: right;
}
[/css]
y asi los podes ir cuadrando!

Gracias! cambiare el archivo

Con gusto!