Çözüm :

sorunu çözmek için bütün li taglarının boylarını toplattım sonra bir üstündeki ul tagının boyunu aldım ve toplam li boyutlarından çıkarttım kalan sonucu ikiye böldüm ve bütün li taglarına margin-left: olarak değeri verdim böylece ul'un boyu ne kadar uzarsa genede tam anlamıyla li'ler ul'un boyutunun her tarafına yayılacaktır.

js kodları :

$(document).ready(function(){
                var sayi = $('.hihi').size();
                var toplam = 0 ;
                for(i=0;i<sayi;i++){
                    var deger = $('.hihi').eq(i).width();
                    toplam = toplam + deger
                }
                var kalanDeger = Math.round(((990- toplam)/i)/2);
                    alert(kalanDeger);

                        $('.hihi').css({
                            'margin-left' : kalanDeger
                        });
            });

html kodları :

        <div class="kalip">
            <ul>
                <li class="hihi"><a>aycan</a></li>
                <li class="hihi"><a>aycanaycanaycan</a></li>
                <li class="hihi"><a>aycan</a></li>
                <li class="hihi"><a>aycanaycanaycanaycanaycan</a></li>
                <li class="hihi"><a>aycan</a></li>
                <li class="hihi"><a>aycanaycanaycan</a></li>
                <li class="hihi"><a>aycan</a></li>
            </ul>
        </div>

css kodları :

        <style>
.kalip{width: 990px; height: 250px; margin:0px auto; }
            .kalip ul{width: 900px; background: gray; height: 30px;}
            .kalip ul li { float:left; }
            .kalip ul li a{border:0px solid gray; background: #333; color:#e2e2e2; text-decoration: none; display:block; font-size: 18px;}
            .kalip ul li a:hover{border:1px solid red;}
        </style>

demo sayfası

sayfayı açınca saten olayı anlayacaksın. li taglarını ortalamak ile ilgili yakında güzel bir makale yazacağım.