[Resolvido] Centralizar Menu

[Lou Dog 0]

Opa

Preciso centralizar este menu e nao estou conseguindo.

Este é o código HTML:

<div class="menu">
	      <ul class="blockeasing">
                  <li class="main"><a href="#">Principal</a></li>
	           <li class="main"><a href="#">Sobre Nós</a></li>
		       <li class="main"><a href="#">Produtos</a>
	               <ul class="subnav">
                        <li><a href="#">Tanques</a></li>
		             <li><a href="#">Puçá</a></li>
		             <li><a href="#">Balança</a></li>
		             <li><a href="#">Balaio</a></li>
                        <li><a href="#">Classificadores</a></li>
		             <li><a href="#">Outros</a></li>
		          </ul>
	       </li>
                 <li class="main"><a href="#">Serviços</a></li>
		      <li class="main"><a href="#">Contato</a></li>
		 </ul>
    </div> 

 

E este o CSS:

 

div.menu{
    height:100px;
    position:relative;
    width:900px;
    z-index:1000;



}     
ul.blockeasing {
  position:relative;
     color:#CCCCCC;
     float:left;
     font-size:11px;
     padding:7px;
     width:900px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  display: table;
}
ul.blockeasing li{
     background:none repeat scroll 0 0 #333333;
     border:1px solid #060;
     display:block;
     float:left;
     height:15px;
     list-style:none outside none;
     margin:0 5px;
     padding:7px 1px;
     text-align:center;
     text-shadow:0 1px 1px #000000;
     text-transform:uppercase;
     width:130px;
}

ul.blockeasing li.main{
     height:18px;
     position:relative;    
}

ul.blockeasing li a{
    color:#CCC;
}

ul.blockeasing li ul.subnav{
background:none repeat scroll 0 0 #333;
border-bottom:2px solid #20603d;
float:left;
position:absolute;
left:-50%;
width:250px;
height:250px;
margin-top:15px;
display:none;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0;
padding-left: 5px;
    }

ul.blockeasing li ul li{
   border:none;
   border-bottom:1px solid #dca84b;
   padding:5px;
   float:left;
   width:100px;
height:7px;
   overflow:visible
   }

 

Podem me ajudar??

[Luiz Fernando - Ampol 2]

Adicione:

 

margin:0 auto;

 

na sua div menu... ficando assim

 

div.menu{
    height:100px;
    position:relative;
    width:900px;
    z-index:1000;
    margin:0 auto;
}  

 

Qualquer dúvida poste

 

Abraços

[Lou Dog 0]

Deu certinho. Obrigado