v Mozille se layout zobrazuje nekorektne

zdravim... nevim proc ale v mozille mi paticka leze takhle nahoru, nevite co s tim?

web: http://www.matata.wz.cz

css:

/*základ*/

body {
font-family:Tahoma,Courier,monospace;
font-size:small;
}

/*Nadpisy*/

h1 {
font-size:xx-large
}

h2 {
font-size:x-large
}

h3 {
font-size:large
}

h4 {
font-size:medium
}

/*layouty*/

.obalovaci {
clear:both
}

.kontejner {
width:800px;
border:5px blue double;
margin:0 auto;
clear:both
}

.hlavicka {
height:200px;
width:100%;
background-color:#a0c0f0

}

.menu {
width:190px;
float:left;
padding: 5px 5px 5px 5px

}

.hlavni {
margin-left:200px;
padding: 5px 5px 5px 5px

}

.paticka {
height:auto;
width:100%;
background-color:#a0c0f0;
text-align:center

}

/*menu*/

.kategorie {
font-weight:bolder;
font-size:medium;
text-transform:uppercase;
text-align:center;
background-image:url('../image/menu-kategorie.jpg');
background-position:center;
height:25px;
padding-top:5px
}

.menu_polozka {
border-left:3px #3E5480 solid;
border-right:3px #3E5480 solid;
border-bottom:1px #3E5480 solid;
padding:5px 0 0 5px;
text-align:center;
background-color:#C3D9FF;
}

a:hover .menu_polozka {
background-color:fuchsia;

}

.menu_polozka_posledni {
border-left:3px #3E5480 solid;
border-right:3px #3E5480 solid;
border-bottom:3px #3E5480 solid;
padding:5px 0 0 5px;
text-align:center;
background-color:#C3D9FF
}

a:hover .menu_polozka_posledni {
background-color:fuchsia;

}

/*obsah*/

.nadpis {
background-image:url('../image/obsah-nadpis.jpg');
font-weight:bolder;
font-size:medium;
text-transform:uppercase;
text-align:center;
height:25px;
padding-top:5px;
color:#CCB994

}

.obsah {
border-left:3px #3E5480 solid;
border-right:3px #3E5480 solid;
border-bottom:3px #3E5480 solid;
padding:5px 0 0 5px;
background-color:#C3D9FF
}