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;}