#lastforum {
background-color: black;
border: 11px solid black;
float: left;
font-size: 11px;
line-height: 18px;
opacity: 0.9;
padding: 0;
text-align: left;
width: 220px;
}
.littleBoxes {
float: left;
height: 400px;
margin: 0 auto;
position: relative;
width: 400px;
}

<div id="content">
<div class="reference">
</div>

<div style="float: left; height: 20px; width: 2%;"></div>

<div id="lastforum">
</div>

<div style="float: left; height: 20px; width: 2%;"></div>

<div id="littleBoxes" class="littleBoxes">
<div class="boxlink bg1" style="top:0px;left:0px;">
</div>
</div>
<div class="bg5" style="background-position:-90px 0;top:0px;left:95px;"></div>
<div class="bg5" style="background-position:-180px 0;top:0px;left:190px;"></div>
<div class="bg5" style="background-position:-270px 0;top:0px;left:285px;"></div>

<div class="bg5" style="background-position:0 -90px;top:95px;left:0px;"></div>
<div class="boxlink bg2" style="top:95px;left:95px;">
<a href="">Menu</a>
<div class="boxcontent">
</div>
</div>
<div class="bg5" style="background-position:-180px -90px;top:95px;left:190px;"></div>
<div class="bg5" style="background-position:-270px -90px;top:95px;left:285px;"></div>

<div class="bg5" style="background-position:0 -180px;top:190px;left:0px;"></div>
<div class="bg5" style="background-position:-90px -180px;top:190px;left:95px;"></div>
<div class="boxlink bg3" style="top:190px;left:190px;">
<a href="">Chef</a>
<div class="boxcontent">
</div>
</div>
<div class="bg5" style="background-position:-270px -180px;top:190px;left:285px;"></div>

<div class="bg5" style="background-position:0 -270px;top:285px;left:0px;"></div>
<div class="bg5" style="background-position:-90px -270px;top:285px;left:95px;"></div>
<div class="bg5" style="background-position:-180px -270px;top:285px;left:190px;"></div>
<div class="boxlink bg4" style="top:285px;left:285px;">
<a href="">Contact</a>
<div class="boxcontent">
</div>
</div>
</div>
</div>