K�dja:

 <div class="circlemenu">
<ul>
<li><a href="url c�m"><span>Men� neve</span></a></li>
<li><a href="url c�m"><span>Men� neve</span></a></li>
<li><a href="url c�m"><span>Men� neve</span></a></li>
<li><a href="url c�m"><span>Men� neve</span></a></li>
</ul>
</div>

<div class="circlemenu">
<ul>
<li><a href="url c�m"><span>Men� neve</span></a></li>
<li><a href="url c�m"><span>Men� neve</span></a></li>
<li><a href="url c�m"><span>Men� neve</span></a></li>
<li><a href="url c�m"><span>Men� neve</span></a></li>
</ul>
</div>


<style type="text/css">

.circlemenu{
width: 100%;
overflow:hidden;
}

.circlemenu ul{
margin: 0;
padding: 0;
font: bold 14px Verdana;
list-style-type: none;
text-align: center; /* "left-balra", "center-k�z�pre", or "right-jobbra" men� igaz�t�sa */
}

.circlemenu li{
display: inline;
margin: 0;
}

.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background: #B3CEF3; /*men� sz�ne, mikor m�g nem m�sz r�*/
margin: 0;
margin-right:5px;
width:100px; /*sz�less�g*/
height:100px; /*magass�g*/
border-radius: 400px;
-moz-border-radius: 400px;
-webkit-border-radius: 400px;
}

.circlemenu a span{
position:relative;
top:40%;
}

.circlemenu li a:visited{
color: white;
}

.circlemenu a:hover{
background: #9CC0F0; /*men� sz�ne, amikor r�m�sz*/
}

</style>