Niepożądane obramowanie 1px przy korzystaniu z tabel - przy użyciu systemu bootstrap - html, css, formatowanie, border

Rozwijam nową stronę portfolio (możesz zobaczyć test tutaj - http://2loot.com/newsite/)

Używam css, aby wyrównać w pionie następny w wybranych sekcjach siatki, ale dodaje on irytującą granicę 1px i sprawia, że ​​wokół pól pojawiają się wyraźne linie (widać to w powyższym przykładzie).

Próbowałem już zmienić właściwości table {}, ale z jakiegoś powodu nie mogę go rozwiązać! Próbowałem składać obramowania, 0 padding, 0 margin, 0 border-spacing.

table,
td,
th {
padding: 0;
border: none;
border-spacing:0;
border-collapse: collapse;
}

Czy ktoś może rzucić trochę światła na to, prawdopodobnie brakuje czegoś całkiem prostego ...

Dziękuję Ci!

Szybka edycja: Chciałem powiedzieć, że używam: display: table-cell dla mojej klasy .headerText, a klasa nadrzędna uiOverlay używa display: table; do wyrównania tekstu w pionie.

W niektórych miejscach powoduje niechcianą granicę 1px (zobacz załączony - i.imgur.com/IERNS6l.jpg)

Odpowiedzi:

Nie jestem pewien, czy zrozumiałem cię poprawnie, ale spróbuj dodać to do twojego css, aby zobaczyć, czy to pomaga:

#feature-sec {
position: relative;
right: 1px;
width: 101%;
}