Bonjour à tous!

Je me fait un petit site sympa sur la vente d'articles d'ordinateurs et j'ai un soucis avec mon tableau ou plutôt mes tableaux. En fait j'ai un tableau contenant 2 tableaux: celui d'à gauche pour la recherche et les catégories, celui d'à droite pour l'affichage des articles.

Voici mon code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
<table width="800" height="270" border="1" cellpadding="0" cellspacing="0">
  	<tr>
    	<td><table width="170" height="270" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td height="20" bgcolor="#6699FF">Recherche</td>
	</tr>
  	<tr>
    <td><form action="chercher_article.php" method="post">
<table width="170" height="80" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30" align="center"><input type="text" name="recherche"></td>
</tr>
<tr>
	<td height="30" align="center">
    	<select name="choix"> 
            <option value="titre" selected>PC</option>
            <option value="portable">Portable</option>
            <option value="peripheriques">Périphériques</option>
        </select>
		<input type="submit" name="envoyer" value="OK">
	</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>
</form></td>
  </tr>
  <tr>
  <td height="20" bgcolor="#6699FF">Catégories</td>
  </tr>
  <tr>
    <td>
<table width="170" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="30"><a href="ordi_bureau.php">Ordinateurs de bureau</a></td></tr>
<tr>
<td height="30"><a href="ordi_portables.php">Ordinateurs portables</a></td></tr>
<tr>
<td height="30"><a href="ventes.php">Meilleures ventes</a></td></tr>
<tr>
<td height="30"><a href="a_venir.php">Articles à venir</a></td></tr>
<tr>
<td height="30"><a href="en_speciaux.php">En spéciaux</a></td>
</tr>
</table></td>
  </tr>
</table></td>
    <td><table width="630" height="270" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="4" align="center" height="20" bgcolor="#6699FF">Articles récemment ajoutés</td> 
  </tr>
  <tr>
    <td width="155" height="200" align="center">Image</td>
    <td width="155" height="200" align="center">Image</td>
    <td width="155" height="200" align="center">Image</td>
    <td width="155" height="200" align="center">Image</td>
  </tr>
  <tr>
    <td width="155" height="50" align="center">Prix/Bouton</td>
    <td width="155" height="50" align="center">Prix/Bouton</td>
    <td width="155" height="50" align="center">Prix/Bouton</td>
    <td width="155" height="50" align="center">Prix/Bouton</td>
  </tr>
</table></td>
  </tr>
</table>
Le problème qui me cause c'est la rangée bleue de "Articles récemment ajoutés" qui n'est pas alignée avec la rangée de Recherche.

Pourtant, quand je fait le design sur Dreamweaver, il est aligné! Mais sur Firefox 3, il est un peu "abaissé". Même résultat sur IE, mais j'ai demandé à quelqu'un qui utilise Opera et c'est aligné parfaitement !

Voici des images vous le montrant...
Firefox: http://img24.imageshack.us/img24/4357/tableaux1.jpg
Dreamweaver: http://img24.imageshack.us/img24/113/tableaux2.jpg

Merci de votre temps.