Sobreposição de elementos

Bom é o seguinte, estou montando um site e preciso posicionar uma imagem em cima do menu, e abaixo da área de postagem do site. Consegui fazer isto utilizando o z-index, porém me gerou um outro problema. O menu tem um DropDown e como eu disse ao CSS que o z-index do corpo do site deveria ser menor que o do menu para que a imagem pudesse sobrepor da forma que eu queria, quando o dropdown é exibido ele fica oculto e esconde por essa área de postagem. Se eu boto o z-index do menu com um valor maior, a imagem fica sobreposta. Como resolver?

Prints: http://imgur.com/a/rD6wW

.imagem{
	position: absolute;
	width: auto;
	height: 298px;
	left: 78%;
	top: 112px;
	z-index: 2;
}

.menu{
	position: absolute;
	top: 240px;
	border-top: 1px solid #1d3e6d;
	width: 100%;
	background-color: rgb(10,47,100);
	font-family: 'Maven Pro', sans-serif;
	box-shadow: 0px -10px 40px #062045 inset;
	list-style: none;
	z-index: 1;
}

.area_post{
	position: relative;
	width: 70%;
	min-height: 500px;
	height: auto;
	background-color: white;
	margin: 290px auto 10px auto;
	box-shadow: 3px 10px 40px #000;
	border-radius: 20px;
	z-index: 3;
}