<div id="bar">
    <div id="bar_a1"></div>
    <div id="bar_a3"></div>
    <div id="bar_a2">
        <ul class="profile_bar_ul">
            <li><a href="Profil">jfj</a></li>
        </ul>
    </div>
</div>

div#bar {
margin: auto;
width: 400px;
}

div#bar_a1 {
background: url(profilebar_a1.jpg) repeat-y;
width: 10px;
float: left;
height: 34px;
}

div#bar_a2 {
background: url(profilebar_a2.jpg);
height: 34px;
text-align: center;
font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 10px;
}

div#bar_a3 {
background: url(profilebar_a3.jpg) repeat-y;
width: 11px;
height: 34px;
float: right;
}

ul.profile_bar_ul {
    display: block;
    list-style: none;
}

ul.profile_bar_ul li {
    margin-top: 11px;
    padding: 0px 0px 0px 15px;
    float: left;
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
}

ul.profile_bar_ul li  a:link, ul.profile_bar_ul li a:visited, ul.profile_bar_ul li a:hover, ul.profile_bar_ul li a:active {
    display: block;
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}