<div class="circlemenu">
    <ul>
    <li><a href="http://www.gulfup.com"><span>مركز تحميل</span></a></li>
    <li><a href="http://www.mms44.com"><span>معرض وسائط</span></a></li>
    <li><a href="http://www.dubaieyes.net/gallery"><span>معرض صور</span></a></li>
    <li><a href="http://www.kooora.com/default.aspx"><span>موقع كورة</span></a></li>
    <li><a href="http://www.omaniyat.com/weight"><span>طبيبك الآلى</span></a></li>
    </ul>
    </div>

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

    .circlemenu ul{
    margin: 0;
    padding: 0;
    font: bold 15px Verdana;
    list-style-type: none;
    text-align: center; /* "left", "center", or "right" align menu */
    }

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

    .circlemenu li a{
    display:inline-block;
    text-align:center;
    text-decoration: none;
    color: white;
    background:#8A514D;
    margin: 0;
    margin-right:5px; /*right spacing between each link */
    width:80px;
    height:80px;
    border-radius: 400px; /*really large border radius to create round borders*/
    -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: #a71b15;
    }