Как убрать лишние части таблицы? Вот сижу и не могу допереть никак
у вас есть вот такой кусок:
th {
border: 3px;
padding: 5px;
border-bottom: 2px solid black;
}
и первая строка этого правила определяет рамку вокруг всех сторон ячеек шапки - а нам рамка нужна только снизу. так что эту строку нужно убрать.
а для заголовков таблицы (чтобы потом этот заголовок можно было перемещать) существует отдельный тег - см. Знакомство с таблицами / Заголовок таблицы [11/23]
+атрибут border в html-коде, которому там не место.