Sorry, že zase otravujem, ale keď som sa dnes spokojný, že sa to vyriešilo, vrátil k tej šablone kde to vzniklo, tak som zistil, že to neni v tom overflow.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>title</title>
<style type="text/css">
html, body, div, form, p, img, menu, ul, ol, li, a, h1, h2, h3{margin:0px; padding:0px}
html,body{height:100%}
body, table, form, h1, h2, h3, h4{font-family:tahoma}
body{}
#obal{Nborder:1px solid red; min-height:100%; min-width:950px; position:relative;}
#header{Nborder:1px solid red; background-color:#bbbbbb; margin:0px auto; height:275px; position:relative; z-index:100/*koli hover menu*/}
#header h1{display:none}
#menuBG{color:#ff1a00; position:absolute; bottom:0px; left:0px; width:100%; background-color:#333333}
#menuBG ul{width:950px; margin:0px auto}
#menuBG ul li{position:relative; float:left; list-style-type:none;}
#menuBG li a{display:block; padding:15px 20px; font-weight:bold; color:#f9d577; text-decoration:none; outline:0}
a:visited{outline:0}
#menuBG li a:hover{color:#f9d577; background-color:#7f5555;}
#menuBG li:hover{color:#f9d577; background-color:#7f5555;}
#menuBG li ul li{float:none}
#menuBG li ul li a{padding:7px 20px}
#menuBG li ul{display:none; position:absolute; top:auto; left:0px; width:150px; background-color:#333333}
#menuBG li:hover ul{display:block;}
#obsah{Nborder:1px solid red; position:relative; margin:0px auto; width:950px; padding-bottom:180px;}
#pataBG{Nborder:1px solid red; background-color:#bbbbbb; color:#ff1a00; position:absolute; bottom:0px; left:0px; Nmargin-top:-110px; width:100%; height:120px; background-color:#bbbbbb}
#pata{Nbackground-color:red; width:950px; margin:17px auto 0px; text-align:center}
#pata li{display:inline; list-style-type:none}
#pata li a{display:inline-block; padding:5px 40px; color:#ffffff; text-decoration:none; font-weight:normal; letter-spacing:1px; font-size:0.8em}
#pata li a:hover{color:#f9d577; background-color:#aaaaaa}
form, #contentDiv{background-color:#f7fff7; position:relative}
h2{border-top:1px solid #e9f9ec; padding:5px 15px; position:relative; z-index:100; color:#955550; font-family:tahoma; margin:20px 0px 0px; background-color:#f7fff7}
form{border-top:1px solid #e7f9e7; padding:7px 15px; font-family:tahoma}
#contentDiv{Nborder-bottom:1px solid #e9ffc9; padding:5px 15px;}
#pridajTableJS{display:none; border-collapse:collapse; margin:0px -10px; width:940px; Nbackground-color:#eeeeff; font-family:tahoma;}
#pridajTableJS th{border:1px solid #eeffee; border:1px solid #e9d0d0; padding:20px 7px 10px; height:120px; min-height:120px; overflow:hidden; cursor:pointer; text-align:center; border-collapse:collapse; font-size:1em; background:url('../pictures/fajka3.png') right top repeat-x; background-color:#ffeeee;}
#help{height:15px; width:100px; overflow:hidden; position:absolute; right:0px; top:0px; z-index:100; padding:5px 15px; color:#ffffff; font-size:15px; text-decoration:none; background-color:#299540}
#help:hover{height:100px; width:300px; overflow:auto}
</style>
<!--[if lt IE 7]>
<style type="text/css">
#obal{height:100%; }
</style>
<![endif]-->
<script type="text/javascript">
</script>
</head>
<body>
<div id="obal">
<div id="header">
<div id="menuBG">
<div id="menu">
<ul>
<li><a href="#">item1</a><ul>
<li><a href="item11.php">item11</a></li>
<li><a href="item12.php">item12</a></li>
<li><a href="item13.php">item13</a></li>
</ul></li>
<li><a href="item2.php">item2</a></li>
<li><a href="item3.php">item3</a></li>
<li><a href="item4">item4</a></li>
<li><a href="item5.php">item5</a></li>
<li><a href="item6.php">item6</a></li>
</ul>
</div>
</div>
</div>
<div id="obsah">
</div>
<div id="pataBG">
</div>
</div>
</body>
</html>
