Как да кодирам такова menu

[dashe]

Интересуваме как да кодирам menu.
Няма да е със тескт.А текста ще е на .png-та + hover и hover-а ще бъде и като active.
Та мисълта ми е че.Става на много на дълго по 2 изображение за всеки линк.
При ложение че ще има към 5 линка? :? :roll:

 

[shterev]

И кое му е сложното? Правиш си менюто правиш си 5 класа и си готов

 

[dashe]

И кое му е сложното? Правиш си менюто правиш си 5 класа и си готов

Нещо такова?
CSS:

.mainMenu {
	width: 600px;
	height: 40px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.mainMenu ul { 
	overflow: hidden;
	margin: 0x; 
	padding: 0px; 
	list-style: none; 
}

.mainMenu li { 
	float: left;
	margin: 0px; 
	padding: 0px; 
}

.mainMenu li.menuHome a {
	background: url(../img/opit0.png) no-repeat;
	width: 100px;
	height: 30px;
	display: block;
}

HTML

	<div class="mainMenu">
		<ul>
			<li class="menuHome"><a href="#"></a></li>
		</ul>
	</div>

?