<ul class="nav">
	<li>
		<a href="/faqs" title="FAQ" id="faq">
			<span class="text">FAQ</span>
		</a>
	</li>
	<li>
		<a href="/dict" title="Справочник" id="dict">
			<span class="text">Справочник</span>
		</a>
	</li>
	<li>
		<a href="/contacts" title="Контакты" id="contact">
			<span class="text">Контакты</span>
		</a>
	</li>
	<li>
		<a href="/helps" title="Помощь" id="help">
			<span class="text">Помощь</span>
		</a>
	</li>
</ul>

ul.nav {
   list-style-type: none;
   margin:  0 ;
   padding:  0 ;
   height: 150px;
   padding-top: 20px;
}

ul.nav .text{
	display: none;
}

ul.nav li {
   float: left;
}

ul.nav li a {
   display: block;
   float: left;
   height: 73px;
}


ul.nav li a#faq {
	width: 93px; 
	background-image: url(/img/faq.gif); 
	background-position: 10px; 
}

ul.nav li a#dict {
	width: 93px; 
	background-image: url(/img/dict.gif); 
	background-position: 10px; 
}

ul.nav li a#contact {
	width: 93px; 
	background-image: url(/img/contact.gif); 
	background-position: 10px; 
}

ul.nav li a#help {
	width: 93px; 
	background-image: url(/img/help.gif); 
	background-position: 10px; 
}