[HTML] Menü inhalt verschiebt sich | Gegen Bilderklau

Alex96

so mal wieder ein hoffentlich kleines problem.
also auf meiner hp hab ich ein hover menü eingebaut.
die hover buttens sind genau wie das menü 31 px jedoch verschiebt sich der menü inhalt immer.
ein bild vom menü:

der desi code vom menü: hab nur einen hover rein da der code sonst so lang wird Augenzwinkern

es ist alles in einer tabelle

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:

<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>Menü2</title>
</head>
<body>
<table style="text-align: center; width: 870px; height: 31px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><a
 href="/menue/allgemein.html"
 target="menue"><img
 src="/layout/menue/allgemein.png"
 onmouseover="this.src='/layout/menue/allgemein2.png'"
 onmouseout="this.src='/layout/menue/allgemein.png'"
 border="0" height="31" width="140"></a>
      </td>
          </tr>
  </tbody>
</table>
<br>
</body>
</html>

und der vom menü inhalt:

code:

1:
2:
3:
4:
5:
6:

<div style="left: 36px; top: 634px; position: absolute;">
<iframe name="menue2" src="/menue/menue2.html" 
style="Filter: chroma (color=#ffffff)"  
align="top right" frameborder="0" height="31" scrolling="no" width="870"></iframe></div>