problem s (nejspis) layoutem

kdyz ruzne jeszdite mysi po strance hlavicka se posunuje nahoru a dolu a zakryva obsah postranich sloupcu (v MF v pohode, v IE to dela). http://rkliberec.dumapes.cz/o-spolecnosti


tady to nedela http://rkliberec.dumapes.cz/index.htm pritom to je stejny css, fakt nevim co s tim...

CSS:

body {
text-align:center;
background-image: url('../background/hlavni.jpg');
background-repeat:repeat-x;
font-family: Verdana,sans-serif;font-size:12px;color:#1D388A
}

/* border-pomocny pro mozillu */
* {-moz-box-sizing:border-box;box-sizing:border-box }


/*nadpisy a texty*/
h1 {font-size:200%;font-weight:bold;text-transform: uppercase}
h2 {font-size:150%;font-weight:normal}
.pismo_menu {font-size:120%;font-weight:normal}


/* odkazy */
a {text-decoration:underline;color:#1D388A}
a:visited {text-decoration:underline;color:#1D388A}
a:hover {text-decoration:none;color:#304F7C}


/* layout */
#box_kontejner {
width:950px;
text-align:left;
margin:auto;
background-color:#D8DFF5;
background-image:url('../background/kontejner.jpg');
overflow: hidden;
background-repeat:repeat-y
}
#box_obalovaci {clear:both;}
#box_hlavicka_logo {
width :auto;
height :146px;
background-image:url('../background/hlavicka.jpg');
border-bottom:3px solid black;
border-right:3px solid black;
border-left:3px solid silver;
border-top:3px solid silver
}
#box_hlavicka_obrazek {
width:auto;
height:146px;
background-image:url('../background/jested.jpg');
border-bottom:3px solid black;
border-right:3px solid black;
border-left:3px solid silver;
border-top:3px solid silver
}

#box_horni {width:950px;}
#box_levy {width:190px;float:left;background-color:#97AAE3;border-left:3px solid #101E49}
#box_obsah {width:auto;margin:0 190px 0 190px;background-color:#D8DFF5;border-left:2px solid #101E49;border-right:2px solid #101E49}
#box_pravy {width:190px;float:right;background-color:#97AAE3;border-right:3px solid #101E49}
#box_paticka {clear:both;height:auto;background-color:#101E49;color:white;text-alig n:center}


/* menu */
ul.sub{position:absolute; z-index:10; visibility:hidden; }
li.mainHover ul.sub{visibility: visible;}
li {behavior: url(hover.htc);}
#menu {width:100%;float:left;clear:right;font-size:12px}
#menu ul {width:950px;}
#menu ul.sub {list-style-type:none;}
#menu ul {list-style-type:none;margin:0;padding: 0;}
#menu li {float:left;width: 190px;}
#menu ul.sub li {margin:0;padding:0px;}
#menu li {margin:0;padding:0px;}
#menu .pismo_menu {margin:0;background-color:#1D388A;border-bottom:5px solid #101E49;font-weight:bold}
#menu .pismo_menu a {
display:block;text-decoration:none;width:100%;font-size:14px;color: #D8DFF5;
border-bottom:2px solid black;
border-right:2px solid black;
border-left:2px solid silver;
border-top:2px solid silver
}
#menu .pismo_menu a:hover {
background-color:#101E49;color:#D8DFF5;width:100%;
border-bottom:2px solid silver;
border-right:2px solid silver;
border-left:2px solid black;
border-top:2px solid black
}
ul.sub {position:absolute;z-index:10;visibility:hidden} /*pokud vynecháme tento řádek budeme mít při vypnutém JavaScriptu přístupné menu pod sebou*/

#menu ul.sub li {display:block;width:100%;margin:0;padding: 0}
#menu ul.sub li a {
color: #D8DFF5;display:block;text-decoration:none;margin:0;width:190px;backgr ound-color:#1D388A;
border-bottom:1px solid black;
border-right:1px solid black;
border-left:1px solid silver;
border-top:1px solid silver
}
#menu ul.sub li > a {width:190px;}
#menu ul.sub li a:hover {
background-color:#97AAE3; color:#1D388A;
border-bottom:1px solid silver;
border-right:1px solid silver;
border-left:1px solid black;
border-top:1px solid black
}
#menu ul li.main {position:relative;}
#menu ul li > ul.sub {position:absolute; z-index:10; visibility:hidden;}
#menu ul li.main:hover ul.sub {visibility:visible;}


/* odsazeni */
.odsazeni {padding:15px 5px 15px 5px;}
.odsazeni_obsah {padding:15px 15px 15px 15px}
.odsazeni_menu {padding:0px 5px 0px 5px}
.odsazeni_bunky {padding-top:5px}
#box_obsah p,h1,h2 {padding-left:20px;padding-right:20px}


/* tabulky */
table {border:none;font-size:12px;margin:auto;}
/* tabulky v menu */
.table_sloupec {width:175px;border:1px solid #101E49;background-image:url('../background/tabulky_sloupec.jpg');back ground-repeat:repeat-x}
.table_sloupec_prvni_radek {background-color:#101E49;text-align:center;font-weight:bold;color:#D8 DFF5;font-size:14px;}
.table_sloupec_border_nadpis {border-bottom:2px solid black;border-right:2px solid black;border-left:2px solid silver;border-top:2px solid silver}


html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="Microsoft FrontPage 12.0">
<meta name="Author" content="matata, ma.prochazka@centrum.cz">
<meta name="robots" content="ALL,FOLLOW">
<meta name="googlebot" content="index,follow,snippet,archive">
<meta name="keywords" content="reality,realitní kancelář,liberec,realitky,domy,byty,pozemky,nákup,prodej,zprostředková ní">
<meta name="description" content="Liberecká realitní kancelář Rodinná Realitka, zabývající se zprostředkováním prodeje domů, bytů, parcel, pozemků atd. v celém libereckém kraji.">
<title>RODINNÁ REALITKA - Realitní kancelář - Liberec</title>
<link rel="stylesheet" type="text/css" href="../style/style.css">
</head>
<body><div id="box_kontejner">
<div id="box_hlavicka_logo">
</div>
<div id="box_hlavicka_obrazek">
</div>
<div id="box_horni">
<div id="menu">
<ul>
<li class="main" >
<div class=pismo_menu><a href="/index.htm" title="Zpět na úvodní stránku"><span class="odsazeni_menu">Úvodní stránka</span></a></div>
</li>
<li class="main" >
<div class=pismo_menu><a href="/o-spolecnosti" title="O Společnosti"><span class="odsazeni_menu">O Společnosti</span></a></div>
<ul class="sub">
<li><a href="/o-spolecnosti/nase-sluzby.htm" title="Naše služby"><span class="odsazeni_menu">Naše služby</span></a></li>
<li><a href="/o-spolecnosti/nase-vyhody.htm" title="Naše výhody"><span class="odsazeni_menu">Naše výhody</span></a></li>
<li><a href="/o-spolecnosti/nas-cil.htm" title="Náš cíl"><span class="odsazeni_menu">Náš cíl</span></a></li>
</ul>
</li>
<li class="main" >
<div class=pismo_menu><a href="/uzitecne-informace" title="Užitečné informace"><span class="odsazeni_menu">Užitečné informace</span></a></div>
<ul class="sub">
<li><a href="/uzitecne-informace/potrebne-doklady.htm" title="Potřebné doklady"><span class="odsazeni_menu">Potřebné doklady</span></a></li>
<li><a href="/uzitecne-informace/prevody-medii.htm" title="Převody médií"><span class="odsazeni_menu">Převody médií</span></a></li>
<li><a href="/uzitecne-informace/urady.htm" title="Úřady"><span class="odsazeni_menu">Úřady</span></a></li>
</ul>
</li>
<li class="main" >
<div class=pismo_menu><a href="/kariera" title="Kariéra v Rodinné Realitce"><span class="odsazeni_menu">Kariéra</span></a></div>
<ul class="sub">
<li><a href="/kariera/volna-pracovni-mista.htm" title="Vhodné také pro studenty a ženy na mateřské dovolené. Práce možná z domova!"><span class="odsazeni_menu">Volná pracovní místa</span></a></li>
</ul>
</li>
<li class="main" >
<div class=pismo_menu><a href="/realitni-poradna" title="Nevíte si rady? Poradíme Vám!"><span class="odsazeni_menu">Realitní poradna</span></a></div>
</li>
</ul>
</div>
<div id="box_obalovaci">
<div id="box_levy">
<div class="odsazeni">
<div align="center">
<table class="table_sloupec" >
<tr class="table_sloupec_prvni_radek">
<td class="table_sloupec_border_nadpis">Nabídka nemovitostí</td>
</tr>
<tr>
<td class="odsazeni_bunky">
<ul>
<li><a href="/nab