submenu se schovava za obsah

zdravim, mam menu a tam jedno submenu. Ale v IE6 se schovava za obsah co je pod menu. IE7 a FF funguji.

<menu>

	<li><a href="#" title="O nás" class="aktivni">O nás<br /><span>profil společnosti</span></a></li>

	<li><a href="#" title="Služby a Produkty">Služby a Produkty<br /><span>profil společnosti</span></a>

		<ul>

			<li><a href="#">Lorem</a></li>

			<li><a href="#">Lorem ipsum</a></li>

			<li><a href="#">Lorem ipsum</a></li>

		</ul>

	</li>

	<li><a href="#" title="Poptávka">Poptávka<br /><span>rychlá cesta ke službám</span></a></li>

	<li><a href="#" title="Reference">Reference<br /><span>realizované projekty</span></a></li>

	<li><a href="#" title="Kariéra">Kariéra<br /><span>pro zájemce o práci</span></a></li>

	<li><a href="#" title="Kontakty">Kontakty<br /><span>kde nás najdete</span></a></li>

</menu>

menu {

	width: 900px;

	height: 50px;

	margin-bottom: 10px;

	list-style-type: none;

}

menu li {

	position: relative;

	float: left;

}

menu li ul {

	list-style-type: none;

	position: absolute;

	left: 0;

	display: none;

	width: 145px;

	z-index: 100;

	top: 100%;

}

menu li ul li a {

	display: block;

	background-color: #DAEEF2;

	background-image: none;

	height: 2em;

	font-size: 100%;

	font-weight: normal;

}

menu li ul li a:hover {

	background-color: #83C7D5;

	background-image: none;

}

menu li:hover ul {

	display: block;

}



menu a {

	background: #d9edf2 url(../img/bg_odkaz.gif) repeat-x left top;

	height: 2.6em;

	width: 145px;

	float: left;

	color: #363637;

	font-weight: bold;

	text-decoration: none;

	display: block;

	padding: 7px 0 0 4px;

	border-right: 1px solid #FFF;

	font-size: 120%;

	overflow: hidden;

}

menu a span {

	font-size: 75%;

	font-weight: normal;

	color: #707070;

	display: block;

}

menu a:hover, menu a.aktivni {

	background: #80c5d3 url(../img/bg_hover.gif) no-repeat left top;

	color: #FFF;

}

menu a:hover span, menu a.aktivni span {

	color: #FFF;

}

Cim to muze byt?

Nemuzu sem hodit link, jen dodam kod a css toho obsahu

<div id="container">



<!--levy sloupec-->

<div id="left">

<div id="l-stin">&nbsp;</div>

<div id="r-stin">&nbsp;</div>



<h2>Novinky</h2>

<div class="blok-l">

<span class="novinka"><a href="#">bla bla</a></span>

<p>bla bla</p>

</div>



<div class="blok2-l">

<span class="novinka"><a href="#">bla bla</a></span>

<p>bla bla</p>

</div>



<div class="blok-l">

<span class="novinka"><a href="#">bla bla</a></span>

<p>bla bla</p>

</div>

</div>



<hr />



<!--stredni sloupec-->

<div id="center">

<h2 class="red">bla bla</h2>

<div class="blok-c">

<img src="img/img.jpg" alt="bla bla" />

<p><strong>Ma quande lingues </strong>coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. </p>

<p>Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. </p>

<p>Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. </p>

<p><strong>Epsum factorial non deposit quid pro quo hic escorol</strong>. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. <a href="#" class="link">Quote meon an estimate</a> et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious baklava ex librus hup hey ad infinitum. Non sequitur condominium facile et geranium incognito. Epsum factorial non deposit quid pro quo hic escorol. Marquee selectus non provisio incongruous feline nolo contendre Olypian quarrels et gorilla congolium sic ad nauseum. </p>

</div>

</div>



<hr />

a CSS

/*obsahova cast*/

/*-------------------------------------------------------------------- ----------------------------------*/

#container {

	width: 900px;

	position: relative;

	background: url(../img/bg_left.gif) no-repeat left 30px;

}

#container a {

	color: #2c879a;

}

#container a.link {

	background: url(../img/ico_link.gif) no-repeat left center;

	padding-left: 8px;

}

#container a:hover {

	text-decoration: none;

}

h2 {

	color: #5a5a5a;

	font-size: 160%;

	font-weight: normal;

	display: block;

	border-bottom: 1px solid;

	margin-bottom: 10px;

	padding-left: 10px;

}





/*stin*/

/*-------------------------------------------------------------------- ----------------------------------*/

#l-stin {

	background: url(../img/img_l-stin.gif) no-repeat;

	height: 450px;

	width: 5px;

	position: absolute;

	left: -5px;

	top: 30px;

}

#r-stin {

	background: url(../img/img_r-stin.gif) no-repeat;

	height: 450px;

	width: 5px;

	position: absolute;

	top: 30px;

	left: 198px;

}

/*-------------------------------------------------------------------- ----------------------------------*/





/*levy sloupec*/

/*-------------------------------------------------------------------- ----------------------------------*/

#left {

	width: 198px;

	position: relative;

	float: left;

}

#left .blok-l, #left .blok2-l {

	width: 178px;

	font-size: 90%;

	line-height: 1.3;

	padding: 5px 10px;

}

#left .blok-l {

	background-color: #e4f5f8;

}

#left .blok2-l {

	background-color: #f3fbfd;

}

#left .novinka a {

	font-weight: bold;

	color: #B11A12;

	background: url(../img/ico_novinka.gif) no-repeat left center;

	padding-left: 12px;

	font-size: 110%;

}

#left .novinka a:hover {

	text-decoration: none;

}

/*-------------------------------------------------------------------- ----------------------------------*/





/*stredni sloupec*/

/*-------------------------------------------------------------------- ----------------------------------*/

#center {

	width: 530px;

	margin-top: 0;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 10px;

	float: left;

}

#center p {

	margin-bottom: 20px;

}

#center .blok-c {

	width: 510px;

	padding: 0 10px;

}

#center img {

	background: url(../img/bg_img.gif) no-repeat;

	display: block;

	float: right;

	margin: 0 0 20px 20px;

	padding: 0 5px 5px 0;

}

/*------------------------------------------------------------------------------------------------------*/

to menu ale neudelam plovouci asi
a obsah bych potreboval plovouci

tiso
to je blbost, to taky nejde

uz vim cim to je, tim ze center a left mam relativne pozicovane

tiso
asi si to tak myslel.

Ja myslel ze myslis, ze kdyz mam menu absolutne napozicovane, ze obsah musim mit taky absolutne napozicovany. Ze obsah nemuze byt plovouci. To me zmatlo.

Ale asi si to myslel ze nemuzu mit u obsahu float i position :)