Centraliziranje objekta neglede na velikost zaslona?

to je moja koda (html in css):
http://jsfiddle.net/sBKYH/

Imam problem in sicer sem to kodo pisal na prenosniku. Tam so bile vizitke lepo pozicionirane, ko pa sem stran pogledal na večjem zaslonu, pa so se vse vizitke premaknile v levo. Sedaj bi rad da bi bile vizitke postavljene na sredini zaslona neglede na njegovo velikost. Prav tako, ko sem manjšal browser window so se mi vizitke pomikale navzgor namesto da bi ostale na sredini. Kakšne ideje kako to popravit?

Mi lahko lepo prosim popraviš v kodi tako da bo delovalo?

centriranje*

Širina ni točna, ker sem za div.vizitka vzel širino div.glavna - torej vidnega elementa. Moral pa bi biti vsaj malo širši, saj je treba upoštevati tudi spodnje div-e, ki so rotirani in zaradi tega širši. Mislim, div-i so še zmer enako široki, le na x osi zavzamejo več prostora, al kako naj rečem :)

Malo si me narobe razumel. Mislil sem, če širina ni določena, potem imajo tisti auto margini vrednost 0, kar je posledica tega, da se element razteza čez celotno širino parent elementa. Če imaš omaro z notranjo širino 100cm, imaš tudi polico široko 100cm - potem ne moreš dat police na horizontalno sredino, mar ne? Če pa je polica široka 20 cm, potem pa maš varijante, kam jo postavit (na sredino, levo, desno).

Tako kot si naredil ti, s fiksnim marginom, pa je porinilo celotno desno stran (desno od vizitk) div.vizitka čez rob zaslona, ker tam ni bilo vsebine, se to ni opazilo.