CSS İle Resimli Yatay Menü Yapımı

<ul class="resimlimenu">
	<li class="anasayfa"><a href="">Anasafa</a></li>
	<li class="referans"><a href="">Referanslarım</a></li>
	<li class="resimler"><a href="">Resimler</a></li>
	<li class="iletisim"><a href="">İletişim</a></li>
	</ul>

.resimlimenu {background-color:#d8e0e4; height:70px; border:1px solid #ccc;}
	.resimlimenu li{float:left;}
	.resimlimenu li.anasayfa{background:url(../images/anasayfa.png) no-repeat center;}
	.resimlimenu li.resimler{background:url(../images/resimler.png) no-repeat center;}
	.resimlimenu li.iletisim{background:url(../images/iletisim.png) no-repeat center;}
	.resimlimenu li.referans{background:url(../images/referans.png) no-repeat center;}
	.resimlimenu li a{ display:block; text-align:center; color:#111; text-shadow:1px 1px #fff; height:80px; padding:5px 10px 5px 10px;}
	.resimlimenu li:hover{background-color:#fff