Scrivo HTML da tempo, ho usato tantissimo i CSS, ma una cosa che non riesco proprio a capire e' come utilizzare l'approccio ai layout fatto incastrando i div invece di usare le tabelle. Ogni soluzione che trovo o provo mi sembra un hack piu' complesso del necessario, e vorrei capire se cio' dipende da mia ignoranza in materia, o proprio da limiti dei CSS.

Vi chiedo per favore di indicarmi il modo piu' corretto per realizzare questo layout senza tabelle:

codice:
/---------------------------------------------------\
|                      HEADER                        |
|                                                    |
+----------------------------------------------------+
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|  MENU    |                                         |
|  200px   |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
|          |                                         |
+----------------------------------------------------+
|                      FOOTER                        |
|                                                    |
\----------------------------------------------------/
il tutto largo 900px, centrato nella finestra e con un border di 1px che racchiude il tutto.

Grazie!