Poprawki CSS

[Largo]

Witam,

Wiem, że są tu migacy ( lub magik ) od spraw CSS, czyli od spraw beznadziejnych :-) Otóź, mam problem, który wiem, że da się rozwiązać, ale jeszcze nie wiem jak. Oto kod:

<form id="send_fg_form_{$member['member_id']}">
<input type='hidden' name='sender' id='sender' value="{$this->memberData['member_id']}" />
<input type='hidden' name='recipient' id='recipient' value="{$member['member_id']}" />
<input type='hidden' name='auth_key' id='auth_key' value="{$this->member->form_hash}" />
<fieldset class='row2'>
<h3 class='bar'>Wysyłanie Forum Gold do {$member['members_display_name']}</h3>
	<div id="send_fg_error_{$member['member_id']}">
	<br />
		<p class='message error'></p>
		<script type='text/javascript'>
			$('send_fg_error_{$member['member_id']}').hide();
		</script>
	</div>
	<ul>
		<li class='field'>
			<label for="send_fg_amount_{$member['member_id']}">Wyślij
				<input class='input_text' type='text' name='amount' id="send_fg_amount_{$member['member_id']}" size='5' value="{$this->memberData['member_fg']}" onFocus="if( this.value == '{$this->memberData['member_fg']}' ) { this.value = '' }" /> Forum Gold do {$member['members_display_name']} ( {$member['member_fg']} )
			</label>
		</li>
		<li class='field'>
			<label for="send_fg_comment_{$member['member_id']}">Podaj komentarz do transakcji!</label>
			<input class='input_text' name="send_fg_comment_{$member['member_id']}" id="send_fg_comment_{$member['member_id']}" />
			<span class='desc'>Wpisz komentarz dotyczący transakcji. Maksymalna długość to 32 znaki!</span>
		</li>
		<li class='field'>
			<label for="send_fg_password_{$member['member_id']}">Wpisz swoje hasło Forum Gold!</label>
			<input class='input_text' type='password' name='password' id="send_fg_password_{$member['member_id']}" />
			<if test="empty( $this->memberData['member_fg_password'] )">
			<span class='desc'>Jeżeli nie ustawiłeś hasła Forum Gold, wpisane hasło zostanie zapisane do bazy danych!</span>
			</if>
		</li>
		<if test="$this->memberData['g_access_cp'] || ( $this->memberData['member_group_id'] == $this->settings['admin_group'] )">
		<li class='field checkbox'>
			<input class='input_check' type='checkbox' name='invisible' id="send_fg_invisible_{$member['member_id']}" value='1' />
			<label for="send_fg_invisible_{$member['member_id']}"><strong>Ukryć transakcję?</strong></label>
			<span class='desc'>Opcja ta jest dostępna TYLKO dla osób z uprawnieniami administratora!</span>
		</li>
		</if>
		<if test="$this->memberData['g_fg_send_anymously'] = true">
		<li class='field checkbox'>
			<input class='input_check' type='checkbox' name='anonymous' id="send_fg_anonymous_{$member['member_id']}" value='1' />
			<label for="send_fg_anonymous_{$member['member_id']}"><strong>Anonimowa transakcja?</strong></label>
			<span class='desc'>Ustawiając tą opcję, Twój kontrahent nie będzie wiedział kto mu wysłał Forum Gold.</span>
		</li>
		</if>
	</ul>
</fieldset>
<fieldset class='submit'>
	<input class='input_submit' type='submit' name='submit' value='Wyślij Forum Gold' accesskey='s' tabindex='0' /> <a href='{parse url="showbuyfg" template="showbuyfg" seotitle="buyfg" base="publicWithApp"}' class='input_submit alt' title='Zakup Forum Gold!' target='_blank'>Kup Forum Gold</a> lub <a href='#' class='cancel' title='Anuluj transakcje' id="send_fg_cancel_{$member['member_id']}" tabindex='0'>Anuluj</a>
</fieldset>
</form>

A oto screen co ten kod pokazuje: [/img]

Na obrazku dodałem zamieszczone 2 kreski - poziome i pionowe. Pionowa ma za zadanie oddzielić label od input, tak jak w klasie post_form, ale z uwzględnieniem długości znaków, a nie stałą wartością. A kreska pozioma ma działać jak tag <hr />, ale sam w sobie nie pomaga. Czy magik z CSS da radę mnie wspomóc w tym?

Pozdrawiam,

Largo

[swist]

Znaczy że jak wpiszesz dłuższy tekst w 'label' to pionowa linia ma przesunąć się również przesunąć czy jak?