[php] Menu poziome w CSS przezroczystość, jak wyłączyć przezroczystość!!! Opcje

[neslo]

Problem jest na stronie
http://skierniewice.eu/_olo/index.php

menu w Css jest przezroczyste i niestety przez to jest słaba nawigacja. Po rozwinięciu chciałbym zeby było nad wszystkim a nie pod warstwą w ramce środkowej. Czy ktoś spotkał się z czymś takim podaje moje css

[HTML] pobierz, plaintext 
body {
	background: #EEE; color: #000;
	behavior:  url(csshover.htc);} /* WinIE behavior call */
 
h1 {
	color: #AAA; border-bottom: 1px solid; 
	margin-bottom: 0;}
 
#main {
	color: #CCC;
	margin-left: 10em; 
	padding: 1px 0 1px 5%;
  	border-left: 1px solid;}
 
div#nav {
	float: left; 
	width: 10em;
 	 background: #FF9900;}/* kolor po najechaniu narazie nie pokazuje*/
 
div#nav ul {
	margin: 0; 
	padding: 0; 
	width: 158px; 
	font-size: 16px; 
	background: #9999FF; /*Tu jest kolor tla*/
	background-image: url('../gfx/tlomenupionowe_rogi.gif');
  	border: 0px solid;
	} 
 
 
div#nav li {
	position: relative; list-style: none; margin: 0;
	white-space: nowrap;
	border-bottom: 2px solid #CCC;}   /*tu kolor lini poziomych*/
 
div#nav li:hover {
background: #FF9900;} /*KOLOR BEZ ROZWINIECIA*/
 
div#nav li.submenu {
	background:  url(submenu.gif) 99% 50% no-repeat;}
 
div#nav li.submenu:hover {
	background-color: #336600;} /*KOLOR -> DALEJ*/
 
div#nav li a {
	display: block; 
	padding: 0.5em 0.5em 0.5em;/*odstep GORA, dól , ..*/
 	text-decoration: none; width: 6.5em;}
 
div#nav>ul a {
	width: auto;}
 
div#nav ul ul {
	position: absolute; top: 0; left: 157px;
  	display: none;}
 
div#nav ul.level1 li.submenu:hover ul.level2 {
	display:block;
	font-size: 11px;
	width: 185px;
	background-color: #336600; }
 
div#nav ul.level1 li.submenu:hover ul.level1_2 { /*Menu samorzad poziom2*/
	display:block;
	font-size: 11px;
	width: 175px;
	background-color: #336600; }
 
div#nav ul.level1_2 li.submenu:hover ul.level1_3 { /*Menu samorzad poziom3*/
	display:block;
	position: absolute; top: 0; left: 175px;
	font-size: 11px;
	width: 170px;
	background-image: url('../gfx/tlomenupionowe_rogi.gif'); }	
 
div#nav ul.level1_3 li.submenu:hover ul.level1_4 { /*Menu samorzad poziom3*/
	display:block;
	position: absolute; top: 0; left: 171px;
	font-size: 11px;
	width: 160px;
	background-image: url('../gfx/tlomenupionowe_rogi.gif'); }	
 
 
 
div#nav ul.level2 li.submenu:hover ul.level3 {
	position: absolute; top: 0; left: 185px;
	font-size: 11px;
	width: 185px;
	display:block;}
 
div#nav ul.level3 li.submenu:hover ul.level4 {
	font-size: 11px;
	width: 185px;
 
	display:block;}
[HTML] pobierz, plaintext 

---
Proszę następnym razem używać BB Code,
a także dodawać tag do tematu ( Przedszkole ).
/ Poprawiłem
---
~strife

[ArniPL]

Menu nie jest przezroczyste tylko jest warstwą poniżej warstwy z newsami.
Do klasy submenu dodaj z-index: 2;

Kod

.submenu {
z-index: 2;
}