Witam,
chciałbym wykorzystać listę definicji do budowy formularza. W znaczniku <dt> znajdzie się etykieta, natomiast w <dd> pole formularza. Chciałbym aby całość wyglądała tak:

Jeden formularz może skadać się z kliku <dl> (jako osobne listy) i chciałbym aby każda lista kończyła się podkreśleniem czyli:

Jednak nie mam pojęcia jak uzyskać dolne obramowanie (w sposób ładny, bez dawania <hr> czy innych znaczników). Aktualnie mam taki kod HTML:

[HTML] pobierz, plaintext 
<dl>
			<dt>
 
				<label for="product_i18n_name_pl" >Nazwa produktu (pl):</label>
			</dt>
			<dd>
				<input type="text" name="product_i18n[name][pl]" value="" id="product_i18n_name_pl" />
			</dd>
			<dt>
				<label for="product_i18n_description_pl" >Nazwa produktu (pl):</label>
			</dt>
			<dd>
 
				<textarea id="product_i18n_description_pl" name="product_i18n_description_pl" ></textarea>
			</dd>
		</dl>
		<dl>
			<dt>
				<label for="product_i18n_name_de" >Nazwa produktu (de):</label>			</dt>
			<dd>
				<input type="text" name="product_i18n[name][de]" value="" id="product_i18n_name_de" />		
			</dd>
			<dt>
 
				<label for="product_i18n_description_de" >Nazwa produktu (de):</label>
			</dt>
			<dd>
				<textarea id="product_i18n_description_de" name="product_i18n_description_de" ></textarea></dd>
		</dl>
[HTML] pobierz, plaintext 

oraz CSS:

[HTML] pobierz, plaintext 
fieldset dl {
	border-bottom: 1px #E1E1E1 solid;
	clear: both;
	margin-bottom: 10px;
}
fieldset dl dt {
	float: left;
	width: 165px;
}
fieldset dl dd {
	float: left;
	margin: 0px 0px 10px 0px;
	width: 530px;
}
[HTML] pobierz, plaintext 

Zawsze jednak obramowanie pojawia się u góry. Wiem w czym jest problem (dodając przed </dl> diva z clear: both jest ok) ale nie wiem za bardzo jak go obejść z użyciem dl. Macie jakieś sugestie?

Z góry dzięki za pomoc,
pion

PS: w razie czego przeniosę tą linię z <dl> na zwykłe <hr> na końcu i pozamiatane.

dla fieldset dl też daj float:left;

Dzięki nevt - jak zwykle w Twoim przypadku pomoc konkretna!