Position: center - nic takového v CSS není.
margin: 20 auto 20 auto; lze zkráceně zapsat margin: 20px auto;
A doporučuju CSS zapsat zvlášť do hlavičky (později do externího souboru) a odkazovat se přes ID, je to přehlednější

Žlutý a červený DIV se nezobrazí NA zeleném DIVu, ale V zeleném, stačí se podívat na strukturu, jak jdou DIVy po sobě.