Soucie de mise en forme

Bonjour à tous
Étant un tout nouvel arrivant sur ce Forum, je me présente :
Jérome / 30 Years / débutant en création / Travail avec les logiciel Golive et Shopfactory /Base xhtml et un pitiiii peu de css.
Dans un premier temps, un Grand merci au créateur de ce Forum. ( très clair et coup de pouce fort utile ^^)
Je me permet de venir vous demander un petit coup de pouce, car cela fait 1 bonne semaine que je bloque sur un souci de mise en forme ... et je n'arrive pas a trouver mon erreur de code ... Please Help
Le résultat que je souhaite obtenir est celui ci :

Et hélas sous certain navigateur tel que "Explorer" cela ressemble plutôt à cela :

En revanche sous Firefox 6 aucun souci...
Voici mon code :

<style type="text/css">

.detail-tableau {
	border-width: 358px;
	background-color: white;
	height: 235px;
	width: 358px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	color: #d460ff;
	font-size: 12;
	font-family: arial;
}

.Prix-reference {
	font-weight: bold;
	font-style: italic;
	text-align: center;
	background-position: 0;
	color: #40c1ff;
	font-size: 14px;
	font-family: arial;
}

.taille-tableau-detail {
	display: block;
	position: fixed;
	height: 720px;
	width: 539px;
}

</style>

<!-- ImageReady Slices (Sans titre-1) -->
<tbody>
<table id="Tableau_01" width="539" height="720" border="0" cellpadding="0" cellspacing="0" class="taille-tableau-detail">
	<tr>
		<td colspan="10">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_01.png" width="538" height="48" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="48" alt=""></td>
	</tr>
	<tr>
		<td rowspan="15">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_02.png" width="40" height="671" alt=""></td>
		<td colspan="2">
		<a href="http://www.stockofolie.fr/contents/fr/d493_les_tailles_de_deguisements.html" target="_self"><img border="0" src="http://www.stockofolie.fr/images/detail-deguisement_03.png" width="73" height="36" alt="information sur les tailles de déguisement"></a></td>
		<td rowspan="12">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_04.png" width="25" height="597" alt=""></td>
		<td colspan="5" rowspan="7" width="358" height="235" class="detail-tableau">
		<p>Test 1</p>
		<p>Test 2</p>
		<p>Test 3</p>
		<p>Test 4</p>
		<p>Test 5</p>
		<p>Test 6</p>
		<p>Test 7</p>
		<p>Test 8</p>
		<p>Test 9</p>
		</class>
			</td>
		<td rowspan="15">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_06.png" width="42" height="671" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_07.png" width="73" height="30" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="30" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="http://www.stockofolie.fr/contents/fr/d325_information_livraison_deguisement.html" target="_self"><img border="0" src="http://www.stockofolie.fr/images/detail-deguisement_08.png" width="73" height="35" alt="information sur la livraison de deguisement"></a></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="35" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_09.png" width="73" height="31" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="31" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="http://www.stockofolie.fr/contents/fr/d403_retour_deguisement_stockofolie.html" target="_self"><img border="0" src="http://www.stockofolie.fr/images/detail-deguisement_10.png" width="73" height="35" alt="information sur les echanges et retour"></a></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="35" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_11.png" width="73" height="32" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="32" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<a href="http://www.stockofolie.fr/contents/fr/contactus.html" target="_self"><img border="0" src="http://www.stockofolie.fr/images/detail-deguisement_12.png" width="73" height="36" alt="contacter le service client stockfolie"></a></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="5">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_13.png" width="73" height="362" alt=""></td>
		<td colspan="5">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_14.png" width="358" height="175" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="175" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="4">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_15.png" width="248" height="187" alt=""></td>
		<td width="99" height="22"class="Prix-reference">
		Test</td>
		</class>
		<td rowspan="7">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_17.png" width="11" height="261" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.stockofolie.fr/images/detail-deguisement_18.png" width="99" height="42" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="42" alt=""></td>
	</tr>
	<tr>
		<td width="99" height="22" class="Prix-reference">
		Test prix</td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_20.png" width="99" height="138" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="101" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_21.png" width="59" height="74" alt=""></td>
		<td colspan="3">
			<a href="http://twitter.com/share" target="_blank" rel="external"><img border="0" src="http://www.stockofolie.fr/images/detail-deguisement_22.png" width="77" height="37" alt="bouton tweet stockofolie"></a></td>
		<td colspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_23.png" width="210" height="37" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="37" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_24.png" width="252" height="37" alt=""></td>
		<td colspan="2" width="134" height="23" alt="bouton facebook"><div id="fb-root"></div><script src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script><fb:like href="" send="false" layout="button_count" width="134" show_faces="false" action="like" font=""></fb:like></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="http://www.stockofolie.fr/images/detail-deguisement_26.png" width="134" height="14" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="40" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="59" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="14" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="25" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="175" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="35" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="99" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="http://www.stockofolie.fr/images/spacer.gif" width="42" height="1" alt=""></td>
		<td></td>
	</tr>
</table></tbody
<!-- End ImageReady Slices -->

Quelqu'un aurait il une idée sur mon erreur ?
D'avance un Grand merci pour votre coup de pouce,
@++
Jérome

Pour info, sur firefox 4 et sur google chrome aussi ça ne marche pas.

La mis en page par tableau ça craint ! mec !

Hello elbourguignon ,

94bri37 a raison, c'est tout autant le bazar sous chrome ET ff6 : http://minus.com/mdNurqC8

Questions :
- tu as mis ton code comme ça dans le html ? Je veux dire, le style dans le body ?
- tu ouvres où ton body ?
- Quel est ton doctype ?
- tu as codé à la main ou c'est un logiciel qui t'a généré le code ?

Une page en ligne ça serait plus simple je pense ^^

Et +1 pour les tableaux, surtout que ta maquette est découpée d'une façon fort étrange, on dirait un puzzle. De plus tu reposes ta navigation sur des images, si il y a un souci de chargement tu n'auras plus de navigation. Je pense que tu devrais jeter un coup d'oeil dans les tutos alsacreations pour essayer de coder tout ça en div, ou au moins d'une façon qui ne repose pas sur un puzzle de pleins d'images, car comme tu peux le voir, le rendu change d'un navigateur à un autre. Le web c'est flexible, modulable tout ça ^^

Allez courage

Hello
Merci pour vos réponses.
Moui je sais les vilains petits tableaux ne sont plus d'actualité Sorry j'ai un bon train de retard....
@InpIxelItrust : effectivement je code tout a la mimine et m'aide de toshop pour le design.
Of course, je n'avais pas penser au <div...> ( pfff mais quel abrutis...)
Bon je le tente ^^
Encore merci à vous 2
@ ++