I am trying to solve this problem for a couple of days now but i can't figure out what the solution is. I have a menu at the left and the content at the right. As soon as i display a gallery the menu is pushed down and this happens only when i display a gallery. It seems that this is caused by something in simpleviewer.css but i can't find the solution. The content of my css is:

html, body { margin-top: 10px; height: 100%; overflow: visible; }
body {           
  margin: 0;
  margin-top: 10px;
  padding: 0;
  background-color: #fff;
  color: #333;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;       
}

a {   
  color: #337810;;
}

object {
  border: 0;
  width: 100%;
  height: 600px;
  border-style: none;
  }
 
#start {
  text-align: center;
  margin-top: 30px;
  }
 
#start p {
  text-align: center;
  }
 
#navigation {
  text-align: center;
  background-color: #fff;
  width: 10%;
  padding: 80px 0;
  float: left;
}

#navigation img {
  width: 75px;
  height: 100px;
  border: 0;
  }
 
#navigation img.contact {
  width: 40px;
  height: 30px;
  border: 0;
  margin-top:40px;
  }
 
#wrapper {
  margin: 0 0 0 200px;
  background-color: #fff;
  float: right;
  width: 100%;
  margin-left: -33%;
}

#content {
  margin-left: 15%;
  }
 
#footer {
  text-align: center;
  background: #fff;
  color: #222;
  width: 100%;
  height: 20px;
  padding: 10px 0;
  position: absolute;
  bottom: 0;
  left: 0;
}

#footer a {
  color: #000000;
  }
 
#footer    p {
  color: #000000;
  margin: 0;
  padding: 0 18px 10px;
  font-size:1.1em;
  text-align: center;
  }
 
#footer ul {
  text-align: left;
  border-bottom: 1px solid #555;
  list-style: none;
  margin: 0 18px 6px;
  padding: 10px 0 6px;
  }
 
#footer li {
  color: #000000;
  display: inline;
  font-size: 11px;
  font-weight: bold;
  padding-right: 5px
  }
 
#footer .info {
  font-size:0.9em;
  margin-left: 100px;
  float:right;
  }

Maybe somebody knows the answer to my problem.

regards, Piet Rietveld