Problemas com borda

A borda com efeito hover está sobrepondo com a borda default

.listaContato { height: 28px; line-height: 28px; padding-left: 17px; font-family: Segoe UI, Tahoma, Verdana, Arabic Transparent; font-size: 11px; }
.listaContato:first-child:nth-child(1) { border: 1px solid #DFDFDF; }
.listaContato:not(:first-child){ border: 1px solid #DFDFDF; border-top: none; }
.listaContato:first-child:nth-child(1):hover { border: 1px solid #BBD8FB; background-color: #F7F3FD; cursor: pointer; }
.listaContato:not(:first-child):hover { border: 1px solid #BBD8FB; background-color: #F7F3FD; cursor: pointer; }

Como eu faço para nao ter essa sobreposição ?