Celula não pega largura em pixel tabela em 100%

Axo que no titulo não consegui descrever corretamente, mas axo que aqui me expressarei melhor!

Estou trabalhando em um layout onde coloco uma tabela com 100%(estou aprendendo e ainda não compreendo tabless corretamente) e com apenas 2 celulas,

a primeira celula eu não defini tamanho nenhum e a segunda defini "220px", no Firefox funciona corretamente (I love FireFox :joia: ), mas no IE8 e no Google Chrome a largura da segunda celula fica variando de acordo com o conteudo da primeira(I hate IE :angry: )!

CSS

#conteudo{
padding-top:15px;
padding-bottom: 50px;
}
#colunaD{
background:url(../img/sombra_colunaDireita.png) repeat-y left top;
width:220px;
}
#Noticias{
min-height:600px;
width:220px;
}
.noticia{
width:200px;
margin-left:20px;
text-align:left;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
border-bottom:1px solid #CCC;
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
}

HTML Tabela

<tr><td valign="top" id="conteudo">
 <?php
 if($id != ""){
 if(file_exists("module/".$id.".php")){
 include("module/".$id.".php");
	} else {
 include("module/inicio.php");
	}
 } else {
 include("module/inicio.php");
 }
 ?>
 </td>
 <td id="colunaD" width="220" valign="top"><div id="Noticias">
$sql = 'SELECT * FROM noticias ORDER BY id DESC LIMIT 6;';
$qry = mysql_query($sql) or die (mysql_error());

while($fet = mysql_fetch_array($qry)){

echo '<div class="noticia"><a href="?id=noticias&cod='.$fet['id'].'">';
echo '<strong>'.limitar($fet['titulo'], 30).'</strong><br>';
echo limitar($fet['conteudo'], 200);
echo '</a></div>';
}
 </div></td>
 </tr>

Desculpem pelo flood, mas estou precisando muito resolver esse problema, e tenho certeza que a galera desse forum sabe muito mais do que eu! E ninguem deu moral pro meu topico, não estou pedindo pra me darem um código pronto, estou pedindo para que alguem corrija meu código, só isso! <_<