蜂窩邊界

我試圖邊框添加到一個jQuery插件蜂窩（http://www.jqueryscript.net/layout/jQuery-Plugin-For-Responsive-Hexagon-Grid-Layout-Honeycombs.html），但是我似乎無法得到它的工作，因爲Honeycumb形狀本身是建立在以不同的方式比形狀CSS支持本身。當我添加border-top和border-bottom線顯示爲預期：蜂窩邊界

.honeycombs .hex_inner{ 
    display: block; 
    visibility: visible; 
    -moz-transform: rotate(60deg); 
    -ms-transform: rotate(60deg); 
    -o-transform: rotate(60deg); 
    -webkit-transform: rotate(60deg); 
    transform: rotate(60deg); 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 

    /* Border */ 
    border-top: 5px solid #FFF; 
    border-bottom: 5px solid #FFF; 
}

結果：

但左邊和右邊的屬性不工作以同樣的方式時，我只是用邊境標籤本身，它看起來像它們出現在蜂窩內而不是外部。

.honeycombs .hex_inner{ 
    display: block; 
    visibility: visible; 
    -moz-transform: rotate(60deg); 
    -ms-transform: rotate(60deg); 
    -o-transform: rotate(60deg); 
    -webkit-transform: rotate(60deg); 
    transform: rotate(60deg); 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    border: 5px solid #FFF; 

}

結果：