I can't vertically align this

[hedgehog90]

http://www.gpstudios.com/playgame.php?gameid=82

 

What I want to do is make the black game box to vertically align.

I just can't get it to work though.

I need it to float left along with the ad, so I don't think making the top and bottom margins:auto will work.

 

Here's the php code.

 

<div class="playpage">
       <div class="playpage_ads">
              <?php include("ads/playpageleft120x600.php"); ?>
       </div>
       <div class="ninjapart">
              <div class="ninja_top"><img src="images/footimg_topbg.gif" alt="" /></div>
              <?php include("displaymedia.php"); ?>
              <div class="ninja_btm"><img src="images/footimg_btmbg.gif" alt="" /></div>
       </div>

and so on...

 

and this is the css code:

.playpage{
clear:both;
position:relative;
top:10px;
}

.playpage_ads{
float:left;
height:600;
}

.ninjapart{
position:absolute;
float:left;
width:800px;
text-align:center;
margin-left: 13px;
}

.ninja_top{
width:800px;
}

.ninja_md{
width:800px;
background:#000000;
text-align:center;
padding:20px 0px 20px 0px;
}

.ninja_btm{
width:800px;
}

 

All the ninja stuff is the black box.

 

Please help!!!

[hedgehog90]

OK, forget that css code, this is what I've got now:

.playpage{
clear:both;
position:relative;
top:10px;
}

.playpage_ads{
float:left;
height:600;
}

.ninjapart{
float:left;
width:800px;
margin-left: 13px;
}

.ninja_top{
width:800px;
}

.ninja_md{
width:800px;
height:590px;           (the top and bottom are 5px height)
background:#000000;
text-align:center;	
vertical-align:middle;	
}

.ninja_btm{
width:800px;
}

 

What I want to do now is to make the black game box be 600 height (or bigger if the game is >590 high) as i've written above.

Now however I need to vertically align the gamecontent.

 

Same problem but in a different spot.

 

Can someone please help me?