[HTML][CSS]poziome menu wycentrowane Opcje

[zonk_222]

witam, stworzyłem graficzne poziome menu ale w kazdy mozliwy sposób nie potrafie tego wycentrowac w poziomie..

[HTML] pobierz, plaintext 
<center>	<div id="imMnMn" style="text-align: center" >
<ul>
 
	<li><a class="imMnItm_2" href="o zespole.html" title=""><span class="imHidden">O zespole</span></a></li>
	<li><a class="imMnItm_4" href="galeria.html" title=""><span class="imHidden">Galeria zespolu</span></a></li>
	<li><a class="imMnItm_5" href="autorzy.html" title=""><span class="imHidden">O autorach</span></a></li>
	<li><a class="imMnItm_6" href="video.html" title=""><span class="imHidden">Videoklipy</span></a></li>
	<li><a class="imMnItm_7" href="odtwarzacz.html" title="" target="_blank" ><span class="imHidden">Odtwarzacz</span></a></li>
 
</ul>
</div>	</center>
[HTML] pobierz, plaintext 

to jest menu, teraz css
/* -- Menu Main Settings -- */
#imMnMn {padding-top: 12px; display: inline }
#imMnMn ul, #imMnMn ul li {margin: 0; padding: 0; list-style: inline; z-index: 1000; cursor: pointer; margin-left: 50%; margin-bottom: 50 ; text-align: center; width: 50px;

margin:10 auto; display: inline }
#imMnMn ul li {position: relative; float: left; padding-right: 0px; padding-left: 0px; display: inline }
#imMnMn ul a {display: block; text-decoration: none; height: 25px; width: 120px; float: none !important; float: left; }

/* -- Menu Main Images -- */
#imMnMn ul li a.imMnItm_1 {background: url('immnu_01a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_1, #imMnMn ul li a:hover.imMnItm_1 {background: url('immnu_01b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_2 {background: url('immnu_02a.gif') no-repeat top; }
#imMnMn ul li:hover a.imMnItm_2, #imMnMn ul li a:hover.imMnItm_2 {background: url('immnu_02b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_3 {background: url('immnu_03a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_3, #imMnMn ul li a:hover.imMnItm_3 {background: url('immnu_03b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_4 {background: url('immnu_04a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_4, #imMnMn ul li a:hover.imMnItm_4 {background: url('immnu_04b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_5 {background: url('immnu_05a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_5, #imMnMn ul li a:hover.imMnItm_5 {background: url('immnu_05b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_6 {background: url('immnu_06a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_6, #imMnMn ul li a:hover.imMnItm_6 {background: url('immnu_06b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_7 {background: url('immnu_07a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_7, #imMnMn ul li a:hover.imMnItm_7 {background: url('immnu_07b.gif') no-repeat top ; }
#imMnMn ul li a.imMnItm_8 {background: url('immnu_08a.gif') no-repeat top ; }
#imMnMn ul li:hover a.imMnItm_8, #imMnMn ul li a:hover.imMnItm_8 {background: url('immnu_08b.gif') no-repeat top ; }
span.imMnLv {display: block; width: 98%; background: url('imiconmenu.gif') no-repeat center right; }

/* -- Menu Level -- */
#imMnMn ul ul {display: none; position: absolute; top: 25px; left: 0px; }
#imMnMn ul ul ul {top: 0; left: 119px;}
#imMnMn ul ul li {float: left !important; float: none; display: block !important; display: inline; }
#imMnMn ul li:hover li a, #imMnMn ul li.iehover li a, #imMnMn ul li:hover li:hover li a, #imMnMn ul li.iehover li.iehover li a, #imMnMn ul li:hover li:hover li:hover li a, #imMnMn ul li.iehover li.iehover li.iehover li a {padding: 3px 3px 3px 6px; height: auto !important; height: 1%; font: 11px Tahoma; background-color: #FFFFFF; background-image: url(''); color: #000000; border: 1px solid #000000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); opacity: 0.85; width: 109px; float: left !important; float: none; margin-bottom: 0 !important; margin-bottom: -1px; text-align: left; }
#imMnMn ul li li {padding-bottom: 0; margin-bottom: -1px; }
#imMnMn ul li:hover li a:hover, #imMnMn ul li:hover li:hover a, #imMnMn ul li.iehover li a:hover, #imMnMn ul li.iehover li.iehover a, #imMnMn ul li:hover li:hover li a:hover, #imMnMn ul li:hover li:hover li:hover a, #imMnMn ul li.iehover li.iehover li a:hover, #imMnMn ul li.iehover li.iehover li.iehover a, #imMnMn ul li:hover li:hover li:hover li a:hover, #imMnMn ul li.iehover li.iehover li.iehover li a:hover {background-color: #000000; background-image: url(''); color: #FFFFFF; }
#imMnMn ul li:hover ul ul, #imMnMn ul li:hover ul ul ul, #imMnMn ul li.iehover ul ul, #imMnMn ul li.iehover ul ul ul {display: none;}
#imMnMn ul li:hover ul, #imMnMn ul ul li:hover ul, #imMnMn ul ul ul li:hover ul, #imMnMn ul li.iehover ul, #imMnMn ul ul li.iehover ul, #imMnMn ul ul ul li.iehover ul {display: block;}

wiem, ze w css jest kilka rzeczy nie w tym miejscu w jakim powinno byc(złe parametry) bo nie umiem dobrze css.. wiec prosze o pomoc, jak wycentrowac menu;)
z aktualnymi ustawieniami menu wygląda tak: (IMG:http://img243.imageshack.us/img243/6266/beztytuusxm.png) co chyba nie jest najlepszym wyjsciem..(IMG:style_emoticons/default/winksmiley.jpg)

[krzysztof_kf]

Dodaj do selektora imMnMn

[CSS] pobierz, plaintext 
width: 1000px;
margin: 0 auto; 
[CSS] pobierz, plaintext 

bo bez podania szerokości menu jak chcesz wyśrodkować .