Centriranje DIV elemenata

Pozdrav,

Malo vježbam CSS i imam jedan problem. Na testnom primjeru http://test2.yostudio.net/Untitled-1.html imamo background sliku u koju ce doci content. Trenutno radim navigaciju pomoću div tagova. Navigacija se sastoji od 5 botuna. Sve super radi kada je prozor u maximize polozaju. No kada nije maximize odnosno kada povlacim desni rub prozora s desna na lijevo.

Probajte povuci desni rub prozora npr do polovice botuna 4.  Na dnu browsera se pojavi slider. Kada maknete slider skroz u desno vidjet cete da mi navigacija izlazi iz okvira u kojima bi trebala biti (kao kad je prozor maximiziran).  Ima li tko ideju što u CSS-u napraviti da ovo proradi. Znam da se može jer ista stvar radi na stranici http://www.tutorial9.net, no nikako ne uspijevam skužit kako su to postigli.

Hvala svima

Prvo hvala na odgovoru,

Znam raditi navigaciju s listama, no ovdje je problem s bježanjem div tagova van onog crnog okvira. Jasno je da će se taj problem manifestirati i kad pocmem dodavati div tagove u kojima ce biti sam content stranice. Zanima me kako napraviti (koristeci div tagove i css) da content ostane centriran unutar onog crnog pravokutnika.

Ovaj savjet s margin ne vidim kako pomaze u mom slucaju ?

Ponavljam na www.tutorial9.net (od kojih sam i uzeo background) sve content ostaje unutar onog crnog okvira neovisno o resizeu browsera.

Hvala jos jednom

k1c0, ne bih zelio bit naporan a ni nezahvalan, ali cini mi se po tvojim odgovorima da uopce nisi pogledao moj css (integriran je u samom html-u) ?

Moram priznat da nisam razumio ... Centralni dio (#main_content) nema fleksibilnu sirinu nego fiksnu od 1000 px. Ne znam na sto tocno mislis ? Mozes li dodatno pojasniti ?