navigatie text onder afbeelding

<nav>
		<div class="container">
			<ul>
				<li class="span2"><a href="#" class="active"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="Webhosting">Webhosting</a></li>
				<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="A">A</a></li>
				<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="B">B</a></li>
				<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="C">C</a></li>
				<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="D">D</a></li>
				<li class="span2"><a href="#"><img src="assets/img/icon/webhost.png" width="72" height="72" alt="E">E</a></li>
			</ul>
		</div>
	</nav>

.container
{
	height:80px;
	width:1400px;
	background-color:#5DB9F5;
	margin:auto;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-top:2px;
	padding:5px;
	text-align:center;
}
nav li{
	list-style-type:none;
	display:inline;
	text-align:center;
	margin:0 auto;
}


nav li a{
	text-decoration:none;
}

<nav>
		<div class="container">
			<ul class="row-fluid">
				<div class="middle">
					<li class="span2"><a href="?page=home"><img src="http://icons.iconarchive.com/icons/mag1cwind0w/akisame/512/Home-icon.png" width="72" height="72" alt="Home">Home</a></li>
					<li class="span2"><a href="http://www.universal-games.nl"><img src="http://icons.iconarchive.com/icons/icons-land/vista-people/128/Groups-Meeting-Light-icon.png" width="72" height="72" alt="Forum">Forum</a></li>
					<li class="span2"><a href="?page=helpdesk"><img src="http://icons.iconarchive.com/icons/icons-land/vista-people/128/Occupations-Technical-Support-Representative-Female-Light-icon.png" width="72" height="72" alt="Helpdesk">Helpdesk</a></li>
					<li class="span2"><a href="?page=home"><img src="http://icons.iconarchive.com/icons/treetog/junior/128/network-icon.png" width="72" height="72" alt="Webhosting">Webhosting</a></li>
				</div>
			</ul>
		</div>
	</nav>

.container
{
	background: url('../img/menu.png') no-repeat center top #34a8f3;
	height:80px;
	margin-top:10px;
	padding:5px;
	text-align:center;
}


a {
	text-decoration:none;
	color:#005176;
	-webkit-transition:color .2s ease-in-out;
	-moz-transition:color .2s ease-in-out;
	transition:color .2s ease-in-out;
}


a:hover,a:focus {
	color:#005580;
	text-decoration:underline;
}


.row-fluid {
	width:1400px;
	margin:auto;
	text-align:center;	
}


.row-fluid [class*=span] {
	display:block;
	min-height:30px;
	width:1400px;
	margin:auto;
	float:left;
}


.row-fluid .span2 {
	width:80px;
	margin:auto;
}


ul,ol {
	margin:0 0 10px 25px;
	padding:0;
}
nav div ul il {
	width:30px;
	margin:auto;
	text-align:center;
}
.middle
{
	width:100%;
	margin:auto;
	text-align:center;
}