[HTML][CSS] Dziwne zachowanie tabelki Opcje

[lukash82]

Witam. Mam takie pytanko odnosnie stylowania tabelek za pomoca css. Nie wiem jak obejsc taka rzecz. Mam tabelke w html gdzie fragment kodu wyglada tak:

[HTML] pobierz, plaintext 
<tr>
<td class="lewa">Średnica cylindrów/skok tłoka</td>
<td class="prawa">110/125 mm</td>
</tr>
[HTML] pobierz, plaintext 

I teraz stosuje style do odpowiednich klas uzytych w powyzszym kodzie:

[HTML] pobierz, plaintext 
#strona .tresc .prawaTresc .podstrona .tekst .oferta_ciagniki .lewa{
	margin			: 0px;
	padding			: 3px;
	width			: 194px;
	background-color	: #CCCCCC;
	border-top		: none;
	border-right		: none;
	border-bottom		: 1px solid red;
	border-left		: 1px solid brown;
	vertical-align		: top;
	text-align		: left;
}
#strona .tresc .prawaTresc .podstrona .tekst .oferta_ciagniki .prawa{
	margin			: 0px;
	padding			: 3px;
	width			: 394px;
	border-top		: none;
	border-right		: 1px solid orange;
	border-bottom		: 1px solid green;
	border-left		: 1px solid yellow;
	vertical-align		: top;
	text-align		: left;
	background-color	: white;
}
[HTML] pobierz, plaintext 

Dla zobrazowania efektu zrobilem kolorowe obramowanie wokol komorek. Efekt jaki uzyskuje wyglada tak jak na obrazku (IMG:http://unicorn.webd.pl/pliki/tabela.jpg)

Teraz pytanie. Dlaczego lewa komorka nie dostosowuje swej wysokosci do prawej komorki (w miejscu znaku zapytania). Nie podaje przeciez wysokosci tej komorce... Identyczna sytuacje, tzn dla innego wiersza komorek, ktore sa zawsze na koncu tabeli i wymagaja osobnego formatowania tez mam w tym samym kodzie ale tam wszystko jest ok, tzn wysokosc lewej komorki dopasowuje sie automatycznie do prawej i odwrotnie. Jesli ktos z Was wie co z tym fantem zrobic to prosze o jakas podpowiedz. Pozdrawiam, Łukasz.

[lukash82]

Witam ponownie. No niestety, usuniecie

[HTML] pobierz, plaintext 
vertical-align        : top;
[HTML] pobierz, plaintext 

nie pomoglo. Usunalem formatowanie tabeli i wrzucilem tylko zwyklego border-a. Wyglada to tak:
(IMG:http://unicorn.webd.pl/pliki/tabela2.jpg)
Czyli tak jakby lewa kolumna wysokoscia dopasowala sie do prawej... Wiec to jest to czego oczekuje. Ale co z tymi stylami jest nie tak, ze jak je zastosuje to sie to sypie? Jesli chodzi o wiecej kodu to wyglada on tak (wklejam tylko fragment bo cala tabela ma jakies 250 linijek ktore sie praktycznie powtarzaja)

[HTML] pobierz, plaintext 
<table class="oferta_ciagniki" border="1">
        <tr>
            <td colspan="2" class="kategoria"><img src="images/kategoria_silnik.jpg" /></td>
        </tr>
        <tr>
            <td class="lewa">Marka</td>
              <td class="prawa">IVECO MOTORS</td>
        </tr>
        <tr>
            <td class="lewa">Homologacja</td>
            <td class="prawa">Wg dyrektywy 97/68/EC Stage 2</td>
        </tr>
[HTML] pobierz, plaintext