Problème de marges dans <table> HTML

Bonjour,

Voila 3x que je retape le message car il est constamment supprimé. Mon problème étant que des marges blacnhes apparaissent au dessus et au dessous de l'image: "HIGH LOW".
Elle séparent le texte qui figure en dessous, et j'aimerais les retirer pour rapprocher le texte à cette image.

Voila un screenshoot: http://yfrog.com/1fimage8vj

Et le code actuel de contenant uniquement le tableau l'image et le petit bout de texte:

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
<html>
 
<head>
<title>Peexstudio</title>
<style type="text/css">
<!--
 
           #skyline {
            width: 314px;
            height: 75px;
            background: url(<a href="http://peexstudio.fr/Bouton_HIGH_LOW_1.png);" target="_blank">http://peexstudio.fr/Bouton_HIGH_LOW_1.png);</a>
            padding: 0;
            position: relative;
            border: none
 
        }
           #txt_high{
            color: #333;
            font-size: 8px;
            font-family: Arial, Helvetica, sans-serif;
        }
 
           #skyline li {border: none; padding: 0; list-style: none; position: absolute;  top: 0;}
 
           #skyline li, #skyline a {border: none; height: 75px; display: block; }
           #panel1b {border: none; left: 0; width: 177px;}
           #panel2b {border: none; left: 177px; width: 137px;}
 
           #panel1b a:hover {
            background: transparent url(<a href="http://peexstudio.fr/Bouton_HIGH_LOW.png" target="_blank">http://peexstudio.fr/Bouton_HIGH_LOW.png</a>) 0 0px no-repeat;
            border: none
        }
 
           #panel2b a:hover {
            background: transparent url(<a href="http://peexstudio.fr/Bouton_HIGH_LOW.png" target="_blank">http://peexstudio.fr/Bouton_HIGH_LOW.png</a>) -177px 0px no-repeat;
            border: none
 
-->
</style>
</head>
 
<body>
 
<table border="1" cellspacing="0px" cellpadding="0px" marginwidth="0px" marginheigth="0px" margin-left="0px" margin-top="0px">
     <tr>
<th>
</div>
      <div id="en_tete">
 
          <div class="c3">
        <ul id="skyline">
 
          <li id="panel1b">
            <a href="http://peexstudio.fr/fr/high/accueil.html"></a>
          </li>
 
          <li id="panel2b">
            <a href="http://peexstudio.fr/fr/low/presentation.html"></a>
          </li>
 
        </ul>
 
      </div>
      </div>
</th>
  </tr>
 
   <tr>
<th width="50" align="left">
            <div id="txt_high">N&eacute;c&eacute;ssite une connection &agrave; tr&egrave;s Haut D&eacute;bit</br>
 
           Site adapt&eacute; pour une r&eacute;solution: 1600*1050</font>
     </div>
    </tr>
  </th>
</table>
 
</body>
</html>

Si vous avez une idée n'hésitez pas ^^, merci! :ccool: