[Frogger]

Hi,
I am slowly teaching myself CSS but can not work out if it is possible to convert the below page layout I have created using tables into CSS layoit. Is it possible as its doing my head in trying to work it out.

Code:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="50%" bgcolor="red">&nbsp;</td>
  </tr>
  <tr>
    <td height="600" bgcolor="black">&nbsp;</td>
  </tr>
  <tr>
    <td height="50%" bgcolor="blue">&nbsp;</td>
  </tr>
</table>

I basically want the middle to be 600px high and the top and bottom of the page will grow to the size of the browser. The width will be 100%.
Any ideas and is it possible?