Ciao a tutti, ho dei <a> generati dinamicamente, e per arrotondare e aumentare i bordi ai <a> utilizzo :last-child, ma mi esce fuori uno schifo del genere
Schermata 2014-03-09 alle 14.59.25.jpg

non ne conosco il motivo, ma il bordo non ha la stessa larghezza del <a>
il codice css è questo

codice:
#gameNow div:last-child { border-bottom: 5px solid #bc4300; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.row { height: 50px; display: block; color: #fff; text-align: center; line-height: 55px; width: auto; font-size: 1.43em; background: #ff5a00; border-bottom: 2px solid #bc4300; margin: 0% 2% 0% 2%; }
il codice html:
codice HTML:
<div id="gameNow" style="margin-top: 3%;">            
<span class="label" style="text-align: center; font-size: 1.4em;">Partite in corso</span>            
<div>               
 <a href="#" onclick="return false;" class="row">a</a>                
<a href="#" onclick="return false;" class="row">a</a>            
</div>        
</div>
dove sbaglio?