IE 6 - rozházené pozicování

Ahoj, v ie7, opeře i firefoxu mi to funguje ale jenom v ie6 to mám blbě. Jde o volný místo pod hlavičkou, blbě napozicovaný menu a ten sloupec moc vlevo. Nevíte někdo prosim?

Tady.

Výňatek ze stylů:

/* HLAVNI */

* {
margin:0px; padding:0px;
}

body {
font-family: verdana, arial, sans-serif;
font-size:100%;
background-color: #3333ff;
/*background: url(obr/bg.jpg) repeat #3333ff;*/
}

#hlavni {
background: url(obr/pozadi.jpg) repeat-y;
width:800px;
position: relative;
margin: auto;
}

#obsah {
margin: 0px 0px 0px 20px;
width: 525px;
position:relative;
color:black;
}

div#hlavicka {
height:248px;
width:800px;
position: relative;
padding-top: 10px;
background-color: #3333ff;
}

div#hlavicka img {
border: none;
position:relative;
z-index:10;
}

#HeadOdkaz {
z-index:5;
position: absolute;
top:75px;
left:90px;
font-size: 2.4em;
letter-spacing:2px;
text-decoration: underline;
color: #000000;
}

#HeadTitle {
position:absolute;
top:150px;
left:200px;
z-index:5;
color: #000000;
font-weight:bold;
font-size: 1em;
}

div#menu {
width:560px;
height:35px;
z-index:10;
left:48px;
position:absolute;
top:260px;
}

div#klin {
width: 800px;
height: 35px;
}

div#menu ul {
list-style-type: none;
position: relative;
}

div#menu ul li {
background: url("obr/tabs.gif") -127px 0px no-repeat;
display: block;
float: left;
height: 35px;
line-height: 35px;
width: 127px;
margin: 0px;
}

div#menu ul li a {
background: url("obr/tabs.gif") top left no-repeat #0000FF;
color: #FFFFFF;
font-weight: bold;
font-size: 1.1em;
display: block;
text-align: center;
text-decoration: none;
width: 127px;
height: 35px;
border: none
}

div#menu ul li a:hover {
background: none;
}

div#menu ul li.select {
background: url("obr/tabs.gif") -254px 0px no-repeat #FFFFFF;
color: #000000;
font-weight: bold;
font-size: 1.1em;
text-align: center;
}



/* SLOUPEC */


#sloupec {
padding: 0px 5px 5px 5px;
color: black;
position: relative;
font-size: .8em;
width: 160px;
float:right;
margin: 0px 45px 0px 0px;
}