Конец стиля границы в CSS

Может быть, это потому, что у вас border-radius, так что только вы получаете закругленный угол внизу. Пожалуйста, удалите radius и попробуйте.

Это происходит из-за того, что границы определены, но цвет фактически задан для фона, если вы добавите border-top: none; и границы снизу: нет; к вашему css на таблицах проблема будет решена. Треугольник, о котором вы говорите, - это граница, переходящая от левой границы к нижней или верхней границе.