1px border

by hlmurray91

HTML

<span class="e"></span>
<span class="e"></span>
<span class="e"></span>
<span class="e"></span>

CSS

.e {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px #ccc solid;
    position: relative;
    margin-bottom: -1px;
    margin-top: -1px;
}
.e:first-child {
    margin-top: 0;
    margin-bottom: 0;
}
.e:hover {
    border-color: #555;
    z-index: 5;
}