problemy s odkazem

Ahoj lidi,

na techto strankach http://astrokanec.tym.cz/e-centre/ mam problem s tim ze kdyz kliknu na logo e-centre tak se udela mezera, ktera sice ihned zmizi ale nevypada to vubec dobre. A taky ta mezera se tam udela az po prvnim kliknutim na logo. Po prvnim nacteni stranky tam ta mezera neni. Nikdy se mi nic takoveho nestalo... Tak dekuji za kazdou radu!

HTLM kod:

<div id="logo">
<table class="horni-lista">
<tr>
<td class="logo" valign="middle">
<a href="/e-centre/" title="E-centre homepage">
<img src="/e-centre/img/logo.jpg" title="E-centre homepage" alt="E-centre homepage">
</a>
</td>

Zde jsou CSS:

/* CSS Document */
* { margin: 0; padding:0; }
body { text-align: center; margin-top: 15px; }
#all { width: 900px; overflow: hidden; }
#all a, img { border: none; color: none;}
table.horni-lista td.logo { height: 50px; }
table.horni-lista a { border: none; color: none; }
#all table td.hledatamapa { padding-left: 280px; _padding-left: 260px;}
input.finder { border: 2px solid #999999; }
span.carka { color: #999999; }
input.vyhledej { background-color: #FFFFFF; color: #0099CC; border: none; font-weight: bolder;}
a.mapa { font-weight: bolder; color: #0099CC; text-decoration: none; }

#menu { width: 900px; height: 34px; margin: 0 0 0 3px; }

div.pohledavky a {
display: block;
width: 149px;
height: 34px;
background: url(./img/pohledavky.jpg) 0 0 ;
padding-right: 2px;
}
div.pohledavky a:hover {
background-position: 0 -34px;
}

div.nemovitosti a {
display: block;
width: 148px;
height: 34px;
background: url(./img/nemovitosti.jpg) 0 0 ;
padding-right: 2px;
}
div.nemovitosti a:hover {
background-position: 0 -34px;
}

div.komodity a {
display: block;
width: 148px;
height: 34px;
background: url(./img/komodity.jpg) 0 0 ;
padding-right: 2px;
}
div.komodity a:hover {
background-position: 0 -34px;
}

div.ostatni a {
display: block;
width: 148px;
height: 34px;
background: url(./img/ostatni.jpg) 0 0 ;
padding-right: 2px;
}
div.ostatni a:hover {
background-position: 0 -34px;
}

div.ospolecnosti a {
display: block;
width: 149px;
height: 34px;
background: url(./img/o-spolecnosti.jpg) 0 0 ;
padding-right: 2px;
}
div.ospolecnosti a:hover {
background-position: 0 -34px;
}

div.kontakt a {
display: block;
width: 148px;
height: 34px;
background: url(./img/kontakt.jpg) 0 0 ;
padding-right: 2px;
}
div.kontakt a:hover {
background-position: 0 -34px;
}

#pruh { display: block; background-color: #0099FF; width: 100%; height: 10px; margin: 0 0 0 5px; _margin-top: -10px; border: none; _height: 12px; }

#blok { width: 900px; margin: 0 0 0 5px; _margin: -8px 0 0 5px; }

#center, #right, #left { display: inline; }
#center { margin-left: 200px; width: 495px; float:left; background-color: #00CCFF; text-align: left; }
#right { float: left; width: 200px; }
#left { margin-left: -895px; float: left; width: 200px; background-color: #0099FF; }
br.clear { clear: both; }

#center h3 { color:#696969; }
#center p { padding-left: 15px; padding-right: 15px; }
#center a:hover { color:#696969; }

#right p { padding-left: 15px; padding-right: 20px; color: #696969; }

#left table td { text-align: left; padding: 5px 0 5px 15px; font-size: 17px; }
#left table td a { color: #000000; text-decoration: none; }
#left table td a:hover { color: #000000; text-decoration: none; font-weight: bolder; }
#left table td a:visited { color: #000000; text-decoration: none; }

img.strom { width: 157px; height: 193px; }

#footer { background-color: #A7DCED; width: 900px; height: 35px; padding-top:10px; font-weight: bolder; }
#footer table { vertical-align: middle; font-weight: bolder;}
#footer table a { color: #00bfff; }
#footer table a:hover { color: #1e90ff; }

problem vyresen!