Pequena falha na visualização

Meu problema é muito simples: estou fazendo um site para o colégio em que trabalho, usando tabelas. Sei que é ultrapassado, mas é o jeito que sei enquanto não meto a cara no css mesmo. Ele fica com visualização diferente no chrome, ie e ff. O único correto é no ff. No ie fica com uma pequena linha branca na lateral direita, e no chrome o menu superior fica fora do lugar.

O endereço para o site é http://salesianocarpina.com.br/site_2011

O pequeno uso de css que fiz:

#menu_top {

	position: absolute;

	width: 312px;

	height: 54px;

	background-image:url(../images/menu_topo.png);

	margin-left:130px;

	margin-top:-48px;

	}

 

#banner_top {

	position: absolute;

	width: 400px;

	height: 80px;

	margin-left:42px;

	margin-top:-34px;

 

	}

body {

	background-image:url(../images/background.jpg);

	}

 

#bg_azul {

	background-image: url(../images/bg_azul.jpg);

	width: 100%;

	background-repeat: repeat-x;

	margin-left:0px;

	margin-top:0px;

 

}

Creio que o erro seja no #menu_top. Uma imagem de como fica o site no dreamweaver

/applications/core/interface/imageproxy/imageproxy.php?img=http://img4.imageshack.us/img4/3669/sitedw.th.jpg&key=aa11e4747349d1e5325b0dd88098dfad3381915e1d22e76ecd3f0e653fa8b911" alt="sitedw.th.jpg" />

Gostaria de uma ajudinha, o problema é simples, mas não consigo resolver. Desde já agradeço a atenção

Edit: Resolvi a lista branca do internet explorer. O único problema agora é o menu fora do lugar no chrome

Alguém pode dar uma mãozinha?