[CSS][HTML]Menu rozwija się pod filmem z YT Opcje

[andr_w]

Menu rozwija się pod filmikami z YT. Próbowałem wpisać z-index: 1; , ale bez skutecznie. Działa normlanie pod chrome i ff natomiast pod IE, operą, safari już nie.

Frag. kodu css
]

[CSS] pobierz, plaintext 
#navbar {
	width: 967px;
	height: 40px;
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
	z-index: 1;	
}
 
.menu {
	background-color:#00b9e8;
	height:30px;
	margin:0 auto;
	width:927px;
	text-align:left;
	z-index: 1;	
}
.menu li {
		list-style:none;
		display:inline;
		line-height:30px;
		position:relative;
	}
 
.menu li:hover ul {
		height:auto;
		width: 170px;
	}	
.menu li a {
			display:inline-block;
			width:auto;
			color:#fff;
			text-decoration:none;	
			margin-left: -25px;
			padding-right: 70px;
			font-family: Tahoma, Geneva, sans-serif;
		}
 
.menu li ul li a {
	padding-right: 0;
}
.menu li ul li a:hover {
	color:#adadad;
}
	.podmenu {
		background-color:#316396;
		position:absolute;
		left:-30px;
		overflow:hidden;
		height:0px;
	}
[CSS] pobierz, plaintext 

Powód edycji: [Kshyhoo]: bb-code

[Turson]

Pokaż demo