[HTML][CSS]wycentrowanie menu w poziomie Opcje

[zonk_222]

temat zakładany po raz drugi, bo nie doczekałem sie odpowiedzi...
stworzyłem graficzne poziome menu ale w kazdy mozliwy sposób nie potrafie tego wycentrowac w poziomie..

[HTML] pobierz, plaintext 
<!--główny div-->
<div id="calosc" style="width:100%" >
<!--menu-->
<center>	<div id="imMnMn" style="text-align: center" style="width: 80%; margin:0px auto" >
<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>
[HTML] pobierz, plaintext 

/* -- Menu Main Settings -- */
#imMnMn {padding-top: 12px; }
#imMnMn ul, #imMnMn ul li {margin: 0; padding: 0; list-style: none; z-index: 1000; cursor: pointer; width: 1000px; margin: 0 auto; }
#imMnMn ul li {position: relative; float: left; padding-right: 0px; }
#imMnMn ul a {display: block; text-decoration: none; height: 21px; width: 120px; float: none !important; }

/* -- 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: 21px; 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;}
</ul> </div> </center></div>

na tych ustawieniach menu jest pionowe po lewej stronie.. co zrobic(albo w jaki inny sposób stworzyc takie menu) zeby było ono poziome, wycentrowane? z góry dzieki za pomoc.

[Dapi]

Dodaj do diva o id=imMnMn:

Kod

style="margin: 0 auto"

[thek]

To, że nie było zainteresowania nie znaczy, że można robić dubla. Zamykam więc a Ty w pierwszym temacie najwyżej napisz jakieś informacje dodatkowe by pomóc forumowiczom problem rozwiązać.

PS: I zwracaj uwagę na kod. Zobacz co się stało z resztą