<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>