Hvordan opbygger jeg mit site med DIV tags (og Css)?

Hej

Jeg vil gerne bygge mit nye site med Joomla CMS.
Jeg har fået fat i en engelsk tutorial, hvilket er fint. Jeg har før lavet sites med Joomla, men aldrig fra bunden, dvs. jeg har fundet nogle templates som jeg har rettet til.

Men nu vil jeg gerne opbygge et site helt fra bunden. Kan forstå at det er bedst at bruge div tags og Css, hvilket jeg er helt med på.

Her begynder problemerne så. Hvordan skal jeg bære mig ad med at lave et design med div tags? Hvis jeg eks. har en grå kasse som skal være 780 px bred og 500 px høj, så laver jeg en div som hedder "div id="graa_kasse"", hvorefter jeg laver en Css fil med en attribut som hedder Graa_kasse der definerer farve, højde mm.

MEN, hvad så når jeg gerne vil have en boks inde i min "Graa_kasse"? F.eks en boks hvori min menu skal være?

Kort fortalt, forstår jeg ikke hvordan med div tags og css kan definere hvordan mit site skal se ud. Jeg ved hvordan jeg kan gøre det samme med tabels, men vil helst benytte mig af Div tags.

Er der nogen som kan forklare mig hvordan jeg opbygger mit site med div tags og Css? Jeg har læst artiklerne på html.dk, men har ikke fået den helt store AHA! oplevelse endnu.
Måske der er nogen som kender en rigtig god bog, eller nogle andre artikler, tutorials eller ...?

Mvh
Reginho