我的HTML表格下方的多余像素

Question

I am creating a website in joomla with the helix3 framework and there is some issue what I am unable to solve.

I have some extra pixels below my html table on the top of the page "::: ÉLŐ KÖZVETÍTÉS :::" on the site: http://ocsaibaptista.hu

For some reason the "sp-column" class gives 7 extra pixels to the bottom of the content. The height should be 24px but for some reason it is 31px.

Could anyone please explain why it is having the extra pixels?

Answer 1

Try adding height: 25px; on this element : .sp-column.live_header