Image “disappears” under menu

Question

I'm working on a Tictail shop and i have one problem that i just can't get my head around. As you can see here http://i.stack.imgur.com/rXOJf.png , the picture (which is supposed to be on the front page) falls under the menu. I don't know what to do. My first thought was to check the "header", but i couldn't solve it.

/* HEADER
**********************************/
#mast {
  position: fixed;<br>
  border-top: 1px solid #fff;<br>
  background: #fff;<br>
  left: 0;<br>
  height: 100%;<br>
  width: 280px;<br>
  z-index: 300;<br>
  text-align: center;<br>
  padding: 50px 0 0 0;<br>
  overflow: auto;<br>
  overflow-x: hidden; }

Is it something else i should look for? I also checked the "main-container", but no luck.

#main_container {<br>
  margin: 0 auto;<br>
  padding: 80px 0 0 0; }

Would be deeply greatful if someone could help me out!

Answer 1

I've made it work on my screen using div-tags, but when i test the resolution for smaller screens the picture(s) still disappears under the navigation.

I don't get it. Shouldn't i be able to make the navigation like a 'wall' that the content in the main container can't 'breach'?