Pequeño problema

[ElCip]

Hice una imagen en photoshop de la caula queria partir para hacer mi pagina web. Pero al ver que cuando un amigo entraba y le venia demasiado grande decidi hacerla en diferentes resoluciones. Teniendo al final 3 resoluciones 640, 800 y 1024. Entonces decidi, que lo mejor seria, seguir con la tabla que te da photoshop, pero poniendo los valores en diferentes css. Pero al pasar los codigos a css, no me funcionan.

esta seria la que me da el phtoshop:

Código:

<tr>
		<td colspan="4">
			<img src="imagenes/1024_01.gif" width="1024" height="57" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="imagenes/1024_02.gif" width="180" height="650" alt=""></td>
		<td colspan="2">
			<img src="imagenes/1024_03.gif" width="654" height="86" alt=""></td>
		<td rowspan="3">
			<img src="imagenes/1024_04.gif" width="190" height="650" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="imagenes/1024_05.gif" width="157" height="395" alt=""></td>
		<td>
			<img src="imagenes/1024_06.gif" width="497" height="395" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="imagenes/1024_07.gif" width="654" height="169" alt=""></td>
	</tr>

y al separarlo lo he dejado asi:
css

Código:

#01 {
	background-image: url(.../imagenes/1024-01.gif);
	width: 1024px; 
	height: 57px;
}
#02 {
	background-image: url(.../imagenes/1024-02.gif);
	width: 180px; 
	height: 650px;
}
#03 {
	background-image: url(.../imagenes/1024-03.gif);
	width: 654px;
	height: 86x;
}
#04 {
	background-image: url(.../imagenes/1024-04.gif(;
	width: 190px;
	height: 650px;
}
#05 {
	background-image: url(.../imagenes/1024-05.gif);
	width: 157px;
	height: 395x;
}
#06 {
	background-image: url(.../imagenes/1024-06.gif);
	width: 494px;
	height:395px;
}
#07 {
	background-image: url(...imagenes/1024_07.gif);
	width: 654px;
	height:169x;
}
table.Tabla_01 {
	width: 1024; 
	height:707; 
}

html:

Código:

<table class="Tabla_01">
	<tr>
		<td colspan="4" id="01">
	</tr>
	<tr>
		<td rowspan="3" id="02">
			</td>
		<td colspan="2" id="03">
			</td>
		<td rowspan="3" id="04">
			</td>
	</tr>
	<tr>
		<td class="05">
			</td>
		<td class="06">
			</td>
	</tr>
	<tr>
		<td colspan="2" id="07">
			</td>
	</tr>

en verdad no tengo ni idea de css...pero creia que no era tan dificl

P,D,: Gracias de antemano.