Posicionar elemento: após aplicar margem, o conteúdo não aparece.

Estou tentando posicionar os elementos fora da div aplicando uma margem negativa, mas quando faço isso, o elemento fica "por baixo" da div e não por cima.

Como gostaria que ficasse: (inputs)

/monthly_2018_01/image.png.2c7ceaf1c2166e4a03dced903dee12c8.png" style="width:400px;height:auto;" />

Como realmente está ficando:

/monthly_2018_01/image.png.1620f5e849595f10ff9aef910b487950.png" />

Como pode ver pela seleção, o conteúdo está fora da div, mas não está aparecendo.

Tentativas:

já apliquei position:relative e coloquei um z-index: 2; no form para ficar em cima, mas não deu certo.

Alguém tem uma ideia?