Меню по центру

Наверное, был такой вопрос, но я не нашёл.

Как сделать, чтобы верхнее меню равномерно располагалось по центру с минимальным расстоянием между пунктами независимо от ширины монитора, а не расползалось неравномерно.

скрин меню

код меню

{------------ меню --------------}
 #side .bordered { max-width: 900 max-height: 40 position: relative; margin: 0 auto !important; font: 15px Georgia !important; background: rgba(20, 20, 20, 0); text-shadow: 1px 1px 7px #000000; }
 #thisDiaryInfo {display: block !important; min-width: 200px !important; position: absolute !important; top: -565px !important; left: 710 }
 #thisDiaryInfo a {font: normal 20px Georgia !important; color: #584b4b !important; text-shadow: 0px 1px 2px #1e1414; text-transform: lowercase; letter-spacing: -1 }
 #side ul {background: rgba(20, 20, 20, 0.8); }
 #side h1 a { color: #584b4b !important; text-transform: uppercase; font: 20px Georgia; position:absolute; top: -500 left: -10}
 #side h1 a:hover, #side h1 a:active {color: #6a5a58 !important; text-decoration: none; }
 .menuSection {text-align:center; padding: 60px 50px 10px 50px !important; font: 16px Times, serif !important; background: rgba(20, 20, 20, 0); display:block; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1 margin: -45px 20px 0 20}
 #thisDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60}
 #thisDiaryOwner {min-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60}
 #myDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 45px 0 30 }
 #globalLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 45 }
 #iAmQuit {display: block !important; display: block; position: absolute; margin: 0 0px 0 750 }
 #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #iAmQuit ul {min-width: 150 margin: 0 0 0 -24px !important; }
 #thisDiaryLinks ul {background:#141414; background: rgba(20, 20, 20, 0.5);}
 .menuSection a:hover, .menuSection a:active, #authorName:hover {color: #6a5a58 !important; text-decoration: none; }
 #TagsList ul { width: 160px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -10px !important; }
 #TagsList li {text-align: left !important; background: none !important; padding: 2px 0 0 5px !important; border-bottom: none !important; }
 #TagsList span {margin: 0 10px 0 0 !important; }
 #Stats { padding: 3px 5px 3px 5px !important; color: #372f2f !important; font: 14px Georgia; width: 110px !important; margin: 3px 0 0 -60px !important; }
 #Stats a {color: #372f2f !important; }
 #thisDiaryPhoto, .urlLink, #epigraph .postTitle, .umail, .profile, #side h1 .opac6, #photolibLink, .prevnext, #lastComments, #pchs {display: none !important;}
 #bottomNavLinks a, #pageBar a {text-decoration: none; color: #605857; font: 17px Times, serif; }
 #bottomNav, #pageBar {display:block; font: 16px Times, serif; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1 margin: -45px 20px 0 20}

Меню по центру

Смотрите также