lustiges div-hüpfen

[jan b.]

hallo alle,

habe seltsamen effekt bei folgendem div:

#logo {
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
 padding:0;
 background-image:url(bilder/logo.gif);
 width:600px;
 height:150px;
 z-index:1;
 border:1px transparent solid;
 }

so wird der layer dargestellt wie ich es will; setze ich jedoch die border auf 0 bzw auf 0px, dann springt das ganze rund 100 pixel nach unten.

folgende body-formatierung:

body {
 background-image:url(bilder/back.jpg);
 background-color:transparent;
 font-family:"Arial Narrow",Tahoma,Verdana,sans-serif;
 font-size:11pt;
 color:#000000;
 line-height:14pt;
 margin:0;
 padding:0;
 min-width:600px;
 text-align:center;
}

dazu die navigation im logo:

#naviob {
 margin-left:auto;
 margin-right:auto;
 margin-top:125px;
 padding-top:0;
 width:100%;
 z-index:2;
 text-align:center;
 border:0;
 }

und so in html:
<div id="logo">

<div id="naviob">
<table width="600px" cellpadding=0 cellspacing=0>
       <tr>
<!--hier der inhalt der navigation-->
       </tr>
</table>
</div>
</div>

was ist da los?

für eure hinweise wär dankbar
jan