[CSS] proszę o pomoc w ustawieniu elementów Opcje

[Arek00]

mam taki kod:

[HTML] pobierz, plaintext 
<div class="p_info_quantity">
     <input name="quantity" class="qty_box" type="text" id="quant" onkeyup="changeQty('field');" value="1" size="1" maxlength="3" />
     <div class="qty_images">
          <div class="qty_plus" onclick="changeQty('add');"></div>
          <div class="qty_minus" onclick="changeQty('subtract');"></div>
     </div>
     <input type="hidden" name="products_id" value="3845"><input type="image" src="button_in_cart.gif" border="0" alt="Do koszyka" title=" Do koszyka ">
</div>
[HTML] pobierz, plaintext 

arkusz stylów:

Kod

.p_info_quantity {
  text-align: right;
  border-bottom: 1px solid #C0C0C0;
  padding: 5px 0 5px 0;
}
.qty_box {
  display:inline;
  float:left;
  font-size:10px;
  margin:0;
  width:35px;
  text-align: right;
}
.qty_images {
  float:left;
  width:9px;
  display:inline;
}
.qty_plus {
  background:transparent url(/images/icons/plus.gif) no-repeat scroll center center;
  display:block;
  font-size:1px;
  height:9px;
  margin:0;
  width:9px;
}
.qty_minus {
  background:transparent url(/images/icons/minus.gif) no-repeat scroll center center;
  display:block;
  font-size:1px;
  height:9px;
  margin:0;
  width:9px;
}

efekt jest taki:
(IMG:http://img165.imageshack.us/img165/6307/39013589py7.jpg)

chciałbym aby pole formularza i te znaki +/- dolegały do przycisku "do koszyka" w taki sposób:
(IMG:http://img153.imageshack.us/img153/9960/76866608tf8.jpg)

próbowałem różnych sposobów ale jakoś mi nie wychodzi. może ktoś będzie wiedział jak to zrobić?

[Rafal Filipek]

1) możesz zmniejszyć szerokość div'a p_info_quantity to się przesunie
2) możesz wstawić input i przyciski do div'a i nadać mu odpowiedni maring-left
3) możesz nadać inputowi odopowieni maring-left

[SzamanGN]

Do .p_info_quantit dodaj float: right;