Witam,
Walcze z tym problemem ze 3 godziny i już się poddałem
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
.HeaderSection {display:block;text-transform:uppercase;font-size:14px;color:#666666;border-bottom:solid thin #c9c8cb;padding-bottom:3px;}
.HeaderContent{display:inline-table;border-spacing:0px;border:solid 1px #00ff00;}
.HeaderContentRow{display:table-row}
.HeaderContentRowCell{display:table-cell;padding: 0px 0px 0px 0px;border:solid 1px #00ff00;}
.HeaderContentRowCellLable{display:table-cell;width:130px ;border:solid 1px #00ff00;}
<div class="HeaderSection">Informacje podstawowe
</div>
<div class="HeaderContent">
<div class="HeaderContentRow">
<div class="HeaderContentRowCellLable">Data
</div> <div class="HeaderContentRowCell">
</div>
<div class="HeaderContentRow">
<div class="HeaderContentRowCellLable">Godzina rozpoczecia
</div> <div class="HeaderContentRowCell">
</div>
<div class="HeaderContentRow">
<div class="HeaderContentRowCellLable">Godzina zakończenia
</div> <div class="HeaderContentRowCell">
</div>
<div class="HeaderContentRow">
<div class="HeaderContentRowCellLable">Lokalizacja
</div> <div class="HeaderContentRowCell">
</div>
<div class="HeaderContentRow">
<div class="HeaderContentRowCellLable">Cena
</div> <div class="HeaderContentRowCell">
</div>
<div class="HeaderContentRow">
<div class="HeaderContentRowCellLable">Trenerzy
</div> <div class="HeaderContentRowCell">
</div>
Wynik w firefox 3 i 4, IE 8, Chrome

Wynik w Opera 10

Pytanie: Jak się pozbyć tych diabelskich odstępów miedzy wierszami ?! (ogolnie mam problem, bo gdzie bym nie użyl display:block to zawartosc ma z automatu padding)
Poradzicie coś ?

(z góry dzięki za pomoc)