Rozwijane menu nachodzi na zdjęcie., Problem Opcje

[szachmat]

Witam,

mam problem:



CSS dla zdjęcia:

[HTML] pobierz, plaintext 
.img_1024{
	display: block;
	margin: 0 auto;
	float: none;
	margin-top: 2%;
	}
[HTML] pobierz, plaintext 

i CSS dla MENU (i billboardu na dole, co muszę uwzględnić)

[HTML] pobierz, plaintext 
	nav{
		overflow: hidden;
		height: 100px;
		margin: 0 5% 0 5%;
		position: relative}
 
		nav ul{
			display: block;
			top: 60%;
			position: absolute;
			width: 100%;
			text-align: right}
 
		nav ul.visible{
			display: block;
			position: absolute}
 
			nav li{
				display: inline;
				padding: 2%}
 
			nav li a{
				text-transform: uppercase;
				text-align: center;
				text-decoration: none;
				font-size: 1.6em;
				font-weight: normal;
				color: rgb(60, 60, 60);
				font-family: sans-serif}
 
			 nav li a:hover{text-decoration: underline}			
 
 
/*Billboard*/
 
.billboard{
	position: relative;
	z-index: -1}
 
.suprise{
	position: absolute;
	top: 30%;
	right: 12%;
	text-align: center}
 
.billboard > div + img{z-index: -1}
 
.suprise > h1{
	font-variant: small-caps;
	font-family:sans-serif;
	letter-spacing: 1px}
[HTML] pobierz, plaintext 

Może ma ktoś jakieś rozwiązanie, bardzo prosiłbym o podpowiedź.

Ten post edytował szachmat 10.04.2016, 20:37:51

[Olsz4k]

ustaw z-index dla menu

[szachmat]

próbowałem, na razie dałem za wygraną i poszerzyłem padding.