Décaler une image

Bonsoir,

je n'arrive pas à décaler une image sur une page. Je mets ici le code largement épuré, mais qui illustre le problème. Comme c'est un vieux code que je modifie, il y a plein de trucs inutiles et qui doivent nuire à la compréhension.
En gros, il y a 2 images mappées (zone map), pour faire des popups basées sur des divs, suivies d'une image logée dans une table et c'est celle-ci que je n'arrive pas à décaler à droite.
Voici le code :

Code:

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
<table border="0" width="630">
  <tbody>
    <tr>
      <td valign="top" width="350">
      <table>
        <tbody>
          <tr>
            <td></td>
            <td>
            <center><b>Nouveaut&eacute;s</b></center>
            </td>
          </tr>
          <tr>
            <td style="width: 50px;" height="350"></td>
            <td>
            <div onmouseover="LayerDelive.style.visibility='visible'"
 onmouseout="LayerDelive.style.visibility='hidden'"
 id="LayerDelive"
 style="z-index: 2; left: 120px; width: 540px; position: absolute; top: 35px; height: 150px; background-color: rgb(255, 255, 255); visibility: visible;">
            <p>Coucou 1</p>
            </div>
            <div id="Layer1"
 style="z-index: 1; left: 50px; width: 107px; position: absolute; top: 80px; height: 100px;"><font
 color="#000000" face="Arial" size="2"><font
 color="#000000" face="Arial" size="2"><img
 src="http://docexterne.fr.schneider-electric.com/Documentation/portail/images/nouveautes.gif"
 usemap="#Map" border="0"> <map name="Map">
            <area
 onmouseover="LayerDelive.style.visibility='visible'"
 shape="rect" coords="8,16,87,78">
            <area onmouseout="LayerDelive.style.visibility='hidden'"
 shape="RECT" coords="3,1,94,99">
            </map>
            </font></font></div>
            </td>
          </tr>
        </tbody>
      </table>
      <p></p>
      <table>
        <tbody>
          <tr height="350">
          </tr>
        </tbody>
      </table>
      <div onmouseover="LayerDelive2.style.visibility='visible'"
 onmouseout="LayerDelive2.style.visibility='hidden'"
 id="LayerDelive2"
 style="z-index: 2; left: 150px; width: 0px; position: absolute; top: 200px; height: 0px; background-color: rgb(255, 255, 255); visibility: hidden;">
Coucou<br>
      </div>
      <div id="Layer1"
 style="z-index: 1; left: 50px; width: 0px; position: absolute; top: 250px; height: 0px;"><font
 color="#000000" face="Arial" size="2"><font
 color="#000000" face="Arial" size="2"><img
 src="http://docexterne.fr.schneider-electric.com/Documentation/portail/images/recheureka30.gif"
 usemap="#Map2" border="0"> <map name="Map2">
      <area onmouseover="LayerDelive2.style.visibility='visible'"
 shape="rect" coords="2,11,82,70">
      <area onmouseout="LayerDelive2.style.visibility='hidden'"
 shape="RECT" coords="0,0,100,100">
      </map>
      </font></font></div>
      <div style="left: 500px;">
      <table>
        <tbody>
          <tr>
            <td style="width: 20px;"></td>
            <td>
  <a target="_blank"
 href="http://www.stdswebport.org/index.php?langue=en"> <img
 src="http://docexterne.fr.schneider-electric.com/documentation/portail/images/stdwebportcligno.gif"
 alt="Toutes les normes utiles" border="0"> </a>
            </td>
          </tr>
        </tbody>
      </table>
      </div>
<!--Fin--> </td>
    </tr>
  </tbody>
</table>

Les termes anglais viennent du fait qu'une partie du code a été faite par une américaine, et les URLs d'image proviennent d'un site intranet.