No se trata de copiar, se trata de ver cómo funcionan, entenderlos y ver las diferencias que hay con tu código (bueno, quien quiera que copie directamente xD).
Para empezar empezaría con una estructura así:
Código HTML:
<body>
<div id="cabecera">
<h1>Título</h1>
</div>
<div "izquierdo">
<ul>
<li>Aaaaa</li>
<li>Bbbbb</li>
<li>Cccccc</li>
<li>Ddddd</li>
<li>Eeeee</li>
</ul>
</div>
<div id="centro">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam bibendum porta erat. Integer iaculis, odio eu euismod bibendum, risus mi aliquam dolor, sed sodales elit urna et orci. Nulla facilisi. Etiam sollicitudin gravida pede. Phasellus ligula. Vestibulum diam. Mauris luctus congue lectus.</p>
<p>Pellentesque eu elit. Integer luctus volutpat ante. Donec dolor augue, facilisis ut, fermentum nec, tincidunt at, metus. Praesent risus libero, gravida vel, venenatis sed, pretium vel, metus. Fusce lobortis. Aenean mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus gravida risus sit amet turpis. Vivamus ut enim. Quisque ante. Nunc bibendum luctus odio.</p>
</div>
</body>
¿Por qué? Pues porque un id no se puede repetir (como id centro en tu código), porque las listas están mal marcadas y porque los div con el id "cabecera" e "izquierdo" no contienen nada. A partir de ahí empieza a jugar con CSS de nuevo a ver qué te sale.