Problemer med CSS

Hej eksperter,

Jeg har nogle problemer med at få en div boks til at placere sig rigtigt, og håber at en af jer kan hjælpe.

Venligst se dette billede --> http://www.jaded.dk/exp_img.jpg
I det tomme rum, som så flot er markeret med orange, skal jeg have en høj boks der udfylder det (med samme margen som de 3 andre bokse).


Herunder er koden til hvordan de 3 bokse er indsat:

De er alle inde i denne DIV:

div#boxe2 {
  background-image: url("images/bg.png");
  margin: 0px;
  padding: 5px 10px 5px 20px;
  width:624px;  color: white;
  font-family: arial, verdana;
  font-size: 12px;
}


Den brede boks:

.inder3 {
  background-color: #1c1c1c;
  width: 605px;
  margin: 0;
  padding: 5px 5px 5px 4px;
}

De 2 smalle:

.inder3b {
  background-color: #1c1c1c;
  width: 400px;
  margin: 0;
  padding: 5px 5px 5px 4px;
}


Hvis jeg mangler noget info, så skriv endelig :)

På forhånd tak,
Morten