richiesta aiuto layout sito

[eimiar]

ciao a tutti, è il mio primo post qui, spero di non aver sbagliato a postare =)

ho un piccolo problema con il layout del mio sito:
http://www.fileden.com/files/2007/7/4/1238043/sito.zip

Quando imposto il campo border="1", la visualizzazione del layout è simil-corretta
mentre, quando imposto border="0" la visualizzazione sfasa completamente come si può ben vedere nelle immagini:

BORDER="1"


BORDER="0"


qui c'è il codice dell'html, che potete anche vedere nel link all'archivio scritto sopra

<table border="0" cellpadding="0" cellspacing="0" style="height: 100%; width: 100%;">
  <tr>
    <td class="layer-sx"></td>
    <td colspan="9" class="layer-top">[img]img/logo.png[/img]</td>
    <td class="layer-dx"></td>
  </tr>
  <tr>
    <td height="23" class="layer-sx"></td>
    <td colspan="2" style="background:url(img/empty.png);"></td>
    <td style="width:1px; background:url(img/div.png);"></td>
    <td style="background:url(img/empty.png);"></td>
    <td style="width:1px; background:url(img/div.png);"></td>
    <td style="background:url(img/empty.png);"></td>
    <td style="width:1px; background:url(img/div.png);"></td>
    <td colspan="2" style="background:url(img/empty.png);"></td>
    <td class="layer-dx"></td>
  </tr>
  <tr>
    <td height="7" class="layer-sx"></td>
    <td style="width:4px; background:url(img/low_sx.png)"></td>
    <td style="background:url(img/low.png)"></td>
    <td style="width:1px; background:url(img/low.png)"></td>
    <td style="background:url(img/low.png)"></td>
    <td style="width:1px; background:url(img/low.png)"></td>
    <td style="background:url(img/low.png)"></td>
    <td style="width:1px; background:url(img/low.png)"></td>
    <td style="background:url(img/low.png)"></td>
    <td style="width:4px; background:url(img/low_dx.png)"></td>
    <td class="layer-dx"></td>
  </tr>
</table>

vi prego gentilmente di aiutarmi grazie =)

EiMìAR

[eimiar]

dimenticate tutto quello che ho scritto
seguendo il consiglio di tantissima gente, ho scelto di formare il layout del mio sito usando i tag <div> e codice css

http://www.fileden.com/files/2007/7/4/1238043/sito.zip

questo è il layout al momento


solo, che come vedete il box centrale sovrascrive quello laterale =)
qualcuno di voi ha consigli su come fare?

vi pasto anche il codice nel caso non volete scaricare il file

style.css

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px;
}
div#container {
	height: 100%;
	width: 100%;
	border-width: 0px;
	position: fixed;
}
div#container2 {
	height: 100%;
	background-repeat: repeat;
}
div#colsx {
	float: left;
	background-color: #64727C;
	background-image: url(img/bg_sx.gif);
	background-position: right;
	height: 100%;
	width: 10%;
}
div#coldx {
	float: right;
	background-color: #64727C;
	background-image: url(img/bg_dx.gif);
	background-position: left;
	height: 100%;
	width: 10%;
}
div#header {
	background-color: #1D4686;
	background-image: url(img/bg_top.gif);
	height: 86px;
	width: 100%;
}
div#menu {
	height: 30px;
	width: 100%;
	background-color: #FFFFFF;
	overflow: hidden;
}
div#empty {
	position: relative;
	float: left;
	height: 23px;
	background-color: #CCCCCC;
	background-image: url(img/empty.png);
	background-repeat: repeat-x;
	overflow: hidden;
}
div#div {
	position: relative;
	float: left;
	height: 23px;
	width: 1px;
	background-color: #999999;
	background-image: url(img/div.png);
	overflow: hidden;
}
div#main {
	background-color: #FFFFFF;
	background-image: url(img/bg_main.gif);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
div#footer {
	height:25px;
	position:absolute;
	left:10%;
	bottom:0px;
	width:80%;
	background-image:url(img/bg_bottom.gif);
	background-repeat:repeat-x;
}
a:link {
	color: #0000FF;
}
a:visited {
	color: #0000FF;
}
a:hover {
	color: #0000FF;
}
a:active {
	color: #0000FF;
}