Menü bi türlü olmuyor yardımlarınızı bekliyorum

resimde gördüğünüz gibi bi yazı bi türlü iconun altına geçmiyor geçtiğinde ise şu görüntü oluşuyor;

padding , margin ya da line-height verdiğimde ise şu görüntü oluşuyor;



kodlarım

html

<div id="navigasyon_tasiyici">
				<!-- Navigasyon Başlangıç !-->
				<nav id="navigasyon">
					<!-- Menü Başlangıç !-->
						<div class="menu">
							<ul id="menu">
							<li><a href="#" class="anasayfa">ANASAYFA</a></li>
							<li><a href="#">Satılık Daire</a></li>
							<li><a href="#">Satılık Yazlık</a></li>
							<li><a href="#">Residence Daire</a></li>
							<li><a href="#">Residence Ofis</a></li>
							<li><a href="#">Satılık Plaza Katı</a></li>
							<li><a href="#">Satılık Dükkan</a></li>
							<li><a href="#">Satılık İşyeri</a></li>
						</ul>
						</div>
					<!-- Menü Bitiş !-->
					<div id="search">search</div>
				</nav>
				<!-- Navigasyon BitiÅŸ !-->
			</div>

css

#navigasyon_tasiyici {width:100%;border-bottom:3px solid #BEBEBE;height:75px;}
nav#navigasyon {width:1145px;margin:0 auto;font:12px arial;}
	ul#menu {width:900px;}
		ul#menu li {float:left;border-right:2px solid #DEDFDE;}
		ul#menu li a {display:block;line-height:85px;padding:0 10px;color:#000;}
		ul#menu li a:hover {background:#ffff6c;}
			ul#menu li a.anasayfa {background:url("../img/anasayfa.png") center 20px no-repeat;padding-top:12px;}

CSS Kodlarınız;

<style>
        #navigasyon_tasiyici {
            width: 100%;
            height: 75px;
        }

        #navigasyon {
            width: 1145px;
            margin: 0 auto;
            font: 12px arial;
        }

        #menu {
            width: 900px;
        }

            #menu ul {
                margin: 0;
                padding: 0;
            }

                #menu ul li {
                    float: left;
                    border-right: 2px solid #DEDFDE;
                    list-style: none;
                }

                    #menu ul li a {
                        display: block;
                        line-height: 85px;
                        color: #000;
                        padding-left: 10px;
                        padding-right: 10px;
                    }

                        #menu ul li a:hover {
                            background: #ffff6c;
                        }

                        #menu ul li a.anasayfa {
                            background: url("../img/anasayfa.png") no-repeat top;
                        }
    </style>

HTML KODLARINIZ

<div id="navigasyon_tasiyici">
            <!-- Navigasyon Başlangıç !-->
            <nav id="navigasyon">
                <!-- Menü Başlangıç !-->
                <div id="menu">
                    <ul>
                        <li><a href="#" class="anasayfa">ANASAYFA</a></li>
                        <li><a href="#">Satılık Daire</a></li>
                        <li><a href="#">Satılık Yazlık</a></li>
                        <li><a href="#">Residence Daire</a></li>
                        <li><a href="#">Residence Ofis</a></li>
                        <li><a href="#">Satılık Plaza Katı</a></li>
                        <li><a href="#">Satılık Dükkan</a></li>
                        <li><a href="#">Satılık İşyeri</a></li>
                    </ul>
                </div>
                <!-- Menü Bitiş !-->
                <div id="search">search</div>
            </nav>
            <!-- Navigasyon BitiÅŸ !-->
        </div>

Åžeklinde deÄŸiÅŸtirip sonucu bildirir misiniz?

Hocam maalesef yine olmadı hatta daha kötü oldu, acaba tam olarak nereyi değiştirdiğinizi söyleseniz de orada bir müdahale de bulunsam belki olur ?

Bu kodu kullanarak yaptığınız zaman olan şeklin fotoğrafını koyar mısınız ?

backgrounda o resimi boyutlandırdıktan sonra .anasayfa ya yükseklik atayarak yapabilirsin.

http://dosya.co/zmv8u4qeogg3/satilik_daire.rar.html

arkadaşlar yukarı yükledim dosyayı ben işin içinden çıkamadım hepinize de çok teşekkür ediyorum

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 23:47:48 -->-> Daha önceki mesaj 23:46:45 --

Her yerinden öpüyorum Rüştü gözlerinden bacak arandan her yerinden!!! süpersin ya

Edit : yine olmamış ya border uzamış yine

http://jsfiddle.net/MLQgb/

Hocam verdiğiniz örnekte borderlar gene aşağıya kaymış

body ve ul sıfırladım

http://meyerweb.com/eric/tools/css/r...eset200802.css

bu linktekini css dosyanın üstüne ekle

http://jsfiddle.net/MLQgb/2/