Problema de superposicion

[bbrian]

Hola gente, me surgio un problema en una web que estoy haciendo, todo funcionaba perfecto hasta que le agregue un menu top fixed (que quede fijo en la parte de arriba)
a raiz de esto todo el contenido que esta dentro del div box-prod no puedo presionar, dentro de este div tengo un formulario y una imagen linkeada.

Código CSS:

#box-prod{
    width: 180px;
    text-align: center;
    float: left;
    line-height: 16px;
    margin: 5px 1px;
    position: relative;
    border: solid 2px #fff;
    min-height: 285px;
}
 

El menu fijo es:

Código CSS:

.dropdownMenu2 {
    background-color: #E4E0E0;
    background-size: 14% 59px;
        background-image: url('images/logo2.jpg');
        background-repeat: no-repeat;
    background-position: left;
    border-bottom: solid 3px #5a5a5a;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    font-size: 14px;
    font-family: 'Dosis',sans-serif;
    z-index: 80;
    display: none;
}
 

La unica forma que me funcione el contenido de box-prod es agregandole un z-index:81; pero mi idea es que este div este abajo del menu no arriba.

Se entiende ? El problema es que el div se ve perfecto pero no puedo clickear en ningun boton ni imagen. Solamente cuando cambio z-index.
Que solucion le puedo encontrar ? No soy muy bueno con css.

Gracias

[AngelKrak]

amigo podrias pasar el codigo completo? o si puedes subelo mejor a Codepen ;)