Border radius on rounded images? (Links) - html

Question

Am having a struggle finding a working solution to solve the invisible padding on image tabs that are rounded.
I have tried using border radius on the a tags, including the div but nothing works.
JSFiddle
Also, if anyone can help me figure out how to vertical align the images... That'd be highly appreciated.
HTML:
<div class="linksbar">
<div class="logo"><img src="images/logo2.png"></div>
<div class="logo2"><img src="images/logo.png"></div>
<div class="tabs">
<nav><ul style="min-width:90%;">
<li><img src="images/b_home.png"></li>
<li><img src="images/g_portfolio.png"></li>
<li><img src="images/g_grades.png"></li>
<li><img src="images/g_school.png"></li>
</ul></nav>
</div>
</div>
CSS:
body{
margin:0 !important;
overflow-y: scroll;
}
h2, h3, h4{
margin: 0;
}
.okbar{
width:100%;
background-color:black;
color:black;
height:25px;
min-width:90%;
}
.okbarlinks li{
list-style-type:none;
display:inline;
padding:0px 10px 0px 10px;
float:right;
}
.okbarul {
padding:3px;
}
.okbarlinks a{
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
color:#8a8a8a;
padding:0px;
transition:all 1s ease;
-webkit-transition-delay:all .5s ease;
-moz-transition-delay:all .5s ease;
-ms-transition-delay:all .5s ease;
-o-transition-delay:all .5s ease;
position:static;
}
.okbarlinks a:hover{
color:#454545;
}
.whitestrip{
width:100%;
height:1px;
background-color:white;
color:white;
text-align:center;
}
.linksbar{
background: url('images/blacktabbar.jpg');
background-color:black;
width:100%;
height:102px;
}
.logo{
height:102px;
margin-left:5%;
width:68px;
background-repeat:no-repeat;
vertical-align:middle;
background-position: center center;
float:left;
display:block;
border-radius:15px;
}
.logo2{
height:102px;
width:200px;
padding-left:30px;
background-repeat:no-repeat;
vertical-align:middle;
background-position: center;
float:left;
display:block;
border-radius:15px;
}
.bluebody{
background: url('images/bluebar.jpg');
width:100%;
height:200px;
margin-top:1px;
padding:0;
}
.tabs ul{
margin:0;
}
.tabs li{
list-style-type:none;
display:inline;
min-width:90%;
}
.tabs a{
margin-left:10px;
text-decoration:none;
}
.tabs{
position:absolute;
text-align:center;
width:100%;
}
.bluebodyheaderfont{
font-size:22px;
font-family:'Helvetica Neue', Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
}