Can I build a box like this in HTML (or if not in CSS) ?

I have already created it in photoshop and sliced it up into little chunks
topleft.png
topmid.png
topright.png
left.png
right.png
bottomright.png
bottonmid.png
bottomright.png

here's what I am looking for:

If you're going to separate the top and bottom into thirds, separating the middle section into thirds as well will give you a center <div> to put all of your content.


<div id="container" style="width:300px; height:200px;">


<div style="float:left; height:50px; width:50px; background:#f0f;"></div>
<div style="float:left; height:50px; width:200px; background:#ff0;"></div>
<div style="float:left; height:50px; width:50px; background:#f0f;"></div>


<div style="float:left; height:100px; width:50px; background:#00f;"></div>
<div style="float:left; height:100px; width:200px; background:#fff;">CONTNET<br/>CONTNET<br/>CONTNET<br/>CONTNET<br/></div>
<div style="float:left; height:100px; width:50px; background:#00f;"></div>


<div style="float:left; height:50px; width:50px; background:#f0f;"></div>
<div style="float:left; height:50px; width:200px; background:#ff0;"></div>
<div style="float:left; height:50px; width:50px; background:#f0f;"></div>


</div> <!-- END #container →

Thats really helpful. Thanks...