Thêm một biên boder CSS , di chuột mà không di chuyển các yếu tố

Làm thế nào để khi hover vào phần tử thì boder của nó không làm dịch chuyển nội dung khi hover
Ví dụ:
.jobs .item:hover {
background: #e1e1e1;
border-top: 1px solid #d0d0d0;
}
cách giải quyết:
.jobs .item:hover {
background: #e1e1e1;
border-top: 1px solid #d0d0d0;
padding-top:-1px; =  lấy giá trị border cũ của phần tử trừ đi kích thước đường viền  
}