Input ir submit vienoje linijoje

Sveiki,

Turiu problemą. Ji atrodo štai taip:

http://www.part.lt/img/e5444e63030406323170e1850cad2b14620.gif

Na o kiekis ir "Pridėti į krepšelį" turėtų būti viename lygyje.

HTML dalis:

<div class="add_to_cart">
				Kiekis: <input type="text" name="qty" size="3" class="add_to_cart_input"> <input type="image" src="images/prideti_i_krepseli.gif" name="add_to_cart" class="add_to_cart_image">
				</div>

CSS dalis:

#main_body .right .product_inside .details .main_info .add_to_cart
{

}

#main_body .right .product_inside .details .main_info .add_to_cart .add_to_cart_input
{
width: 30px;
}


#main_body .right .product_inside .details .main_info .add_to_cart .add_to_cart_image
{
display: inline;
margin-top: 5px;
}

Prašau, padėkite man ją ištaisyti.

Tiesa, bandant nustatyti padding arba margin atskirai "add_to_cart_image" leidžiasi visa eilutė, o ne tik pats objektas.

<p class="left">
  <label for="qty">Kiekis</label>
  <input type="text" name="qty" id="qty" />
</p>
<p class="left">
  <input type="image" src="images/prideti_i_krepseli.gif" />
</p>

.left {
  float: left;
}

<p class="left">
  <label for="qty">Kiekis</label>
  <input type="text" name="qty" id="qty" />
</p>
<p class="left">
  <input type="image" src="images/prideti_i_krepseli.gif" />
</p>

.left {
  float: left;
}

Dėkoju, jūsų metodas suveikė.

Tačiau pastebėjau kitą problemą:

http://www.part.lt/img/2968f7f9b62af0f9cb1...533f2cec162.gif

Galbūt ir šiai problemai atrasit sprendimą?

HTML:

<div class="panel">
		<div class="title">» Prisijungimas</div>
		<div class="content">
		<form method="post" name="form" action="">
		El. paštas:<br>
		<input type="text" name="email"><br><br>
		Slaptažodis:<br>
		<input type="password" name="password"><br>
		Pamiršote savo slaptažodį?<br><br>
		<span class="right"><input type="image" name="submit" src="images/prisijungti.gif"></span>

		</form>
		</div>
	</div>

CSS:

#main_body .left .panel
{
width: 236px;
}

#main_body .left .panel .title
{
background: url(images/panel_title_background.gif) no-repeat;
line-height: 38px;
padding-left: 26px;
padding-right: 26px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
}

#main_body .left .panel .content
{
background: #ffffff;
padding-top: 5px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 14px;
color: #297394;
}

Tačiau pastebėjau kitą problemą:

Nelabai supratau, kokia konkrečiai problema? Ilgiai input'ų nesutampa? Ar su pažymėjimu kažkas?

Problema tame, kad tekstas nėra rodomas. Žymėjimo metu galiu pažymėti tik "Vartotojo vardas" ir "slaptažodis", paleidžiu mousą - pažymėtas lieka tik "vartotojo vardas". Tuo tarpu "Pamiršau savo slaptažodį" apskritai negaliu pažymėti.

Ši problema kyla tik IE8 naršyklėje

Tingiu baisiai gilintis daug. Pabandyk HTML'ą perrašyt į kažką panašaus, kas žemiau. Gal to užteks.

<div class="panel">
<h2>Prisijungimas</h2>
<form action="" method="post" name="form" class="content">
	<p>
		<label for="email">El. paštas</label>
		<input type="text" name="email" id="email">
	</p>
	<p>
		<label for="password">Slaptažodis</label>
		<input type="password" name="password" id="password">
		<a href="remember-pass.php">Pamiršote savo slaptažodį?</a>
	</p>
	<p>
		<input type="image" name="submit" src="images/prisijungti.gif">
	</p>
</form>
</div>

Dėkoju už atsakymą. Visdėlto pavyko susitvarkyti kitu metodu.