Babejsza bardzo bardzo dziękuje za wskazanie odpowiedniej ścieżki, gekon zaś wskazał mi drogę, ja zabieram się do żmudnej pracy "małpka widzi, małpka robi" i w oparciu o to co Ty zrobiłeś buduję resztę, top i do tego bottom też, i może coś z tego wyjdzie.
Dziękuję za pomoc.
Mam kolejny problem. Dobudowałem 3 kolejne divy, jedna jest na dole po prawej stronie, i dwie kolejne są topka i logo. Udało mi się ustawić bottom na dole po prawej stronie pod "newsami", zacząłem więc kombinować nad logiem. Niestety nie potrafię tego ustawić dokładnie, w tej chwili (co można zobaczyć, jest odstęp między logiem a menu i newsami) topka i logo znajdują się nad całą resztą. Potrafię zrobić aby przylegały, ale nie są wycentrowane. Screen poglądowy:

Oto kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Description" content="" /> <meta name="Keywords" content="" /> <meta name="Robots" content="index, follow" /> <meta name="revisit-after" content="1 days" /> <meta name="Distribution" content="Global" /> <meta name="author" content="" /> <meta name="reply-to" content="" /> <meta name="owner" content="" /> <meta name="copyright" content="" /> body, div, p, form, h1, h2, h3, h4, img, ul, li {border: none; margin: 0; padding: 0}
body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: #3A3D3D; color: #FFF}
h1 {display: none}
#conteiner {width: 692px; margin: 40px auto 0 auto;}
#menu {float: left; width: 202px; margin: 0 5px 0 0; background: #1A1C1B url(images/browse.jpg) left top no-repeat;}
#menu ul {background: #1A1C1B url(images/back_1.jpg) left top no-repeat; margin: 31px 0 0 0; padding: 0}
#menu li {list-style-type: none; padding: 5px 0 0; margin: 0; border-bottom: 1px dotted #424242; margin: 0 30px }
#menu li a {font-weight: bold; text-decoration: none; color: #FFF; display: block; padding: 0 0 3px 0; width: 142px}
#menu li a:hover {padding: 0 0 3px 5px; width: 137px}
#menuFoot {width: 202px; height: 63px; background: #1A1C1B url(images/back_2.jpg) left top no-repeat;}
#middle {float: left; width: 155px; margin: 0 5px 0 0; background: #1A1C1B url(images/middle_middle.jpg) left top repeat-y;}
#middle_top {background: transparent url(images/middle_top.jpg) left top no-repeat;}
#middle_bottom {background: transparent url(images/middle_bottom.jpg) left bottom no-repeat; padding: 20px 10px}
h2 {font-size: 11px; font-weight: normal; margin: 0 0 20px 0}
#content {float: left; width: 325px; background: #1A1C1B url(images/content_middle.jpg) left top repeat-y;}
#content_top {background: transparent url(images/content_top.jpg) left top no-repeat;}
#content_bottom {background: transparent url(images/content_bottom.jpg) left bottom no-repeat; padding: 20px 10px}
#bottom {float: right; width: 521px; height: 95px;background:transparent url(images/bottom.jpg);}
#text_bottom {padding: 20px 150px}
#topka {float:inherit; margin: 0 auto 5px auto;width: 685px; height: 81px;background:transparent url(images/topka.jpg);}
#logo {float:none; margin: 0 auto 0 auto; width:685px; height:198px; background:transparent url(images/logo.jpg);}
<li><a href="#">Newsy
</a></li> <li><a href="#">Tor ATB
</a></li> <li><a href="#">Puchar ATB Challenge
</a></li> <li><a href="#">Opis toru
</a></li> <li><a href="#">Eventy / Pokazy
</a></li> <li><a href="#">Galeria
</a></li> <li><a href="#">Sklep
</a></li> <li><a href="#">Wspópraca
</a></li> <li><a href="#">Kontakt
</a></li>
<h2>Najświeższe wiadomości:
</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec enim purus, congue et, facilisis in, commodo
eget, dui. Praesent ultrices feugiat turpis.m venenatis ultrices. Nullam iaculis, lacus eu consectetuer aliquam,
turpis purus porttitor nisi, quis lobortis enim mi a dui. Cras mauris nisl, euismod quis, porta ac, eleifend eu,
dolor. Vivamus nec turpis. Curabitur nisl urna, porta at, pharetra sed, sodales sed, lectus. In pede diam,
cursus et, fringilla eu, fermentum nec, mi. Morbi porta ipsum id arcu. Nullam eu nunc ac lectus aliquet
pellentesque. Curabitur non diam. Aenean ultricies augue nonummy arc
</p> <div id="content_bottom"> <p>Donec in sem eget eros pellentesque euismod. Donec ultricies placerat turpis. Aenean pretium, tellus sit amet
tristique commodo, nisi sapien porta arcu, in luctus diam augue sed metus. Etiam gravida purus sit amet felis.
Praesent ac felis ac ipsum venenatis ultrices. Nullam iaculis, lacus eu consectetuer aliquam, turpis purus
porttitor nisi, quis lobortis enim mi a dui. Cras mauris nisl, euismod quis, porta ac, eleifend eu, dolor.
Vivamus nec turpis. Curabitur nisl urna, porta at, pharetra sed, sodales sed, lectus. In pede diam,
cursus et, fringilla eu, fermentum nec, mi. Morbi porta ipsum id arcu. Nullam eu nunc ac lectus aliquet pellentesque.
Curabitur non diam. Aenean ultricies augue nonummy arcu.
</p> <p>Donec in sem eget eros pellentesque euismod. Donec ultricies placerat turpis. Aenean pretium, tellus sit amet
tristique commodo, nisi sapien porta arcu, in luctus diam augue sed metus. Etiam gravida purus sit amet felis.
Praesent ac felis ac ipsum venenatis ultrices. Nullam iaculis, lacus eu consectetuer aliquam, turpis purus
porttitor nisi, quis lobortis enim mi a dui. Cras mauris nisl, euismod quis, porta ac, eleifend eu, dolor.
Vivamus nec turpis. Curabitur nisl urna, porta at, pharetra sed, sodales sed, lectus. In pede diam,
cursus et, fringilla eu, fermentum nec, mi. Morbi porta ipsum id arcu. Nullam eu nunc ac lectus aliquet pellentesque.
Curabitur non diam. Aenean ultricies augue nonummy arcu.
</p>
<h8> Copyright Krast.pl (c)2007 All right reserved. </h8>
Nie wiem czym ustawić to, bardzo proszę o wskazanie mi błędu. Wydaje mi się, że strasznie namieszałem, dokładając bottom, topka, logo