[CSS] Obniżenie pola text na dół obszaru DIV`a Opcje

[kosmos]

Mam taką sytuację:

(IMG:http://img571.imageshack.us/img571/6474/hu4h.jpg)

W DIV`ie 1 znajduje się DIV 2. Chciałbym aby pole text oraz button znajdowały się na samym dole obszaru DIV 2. Próbowałem z paddingiem ale nie działa jak powinien. Obniża zawartość formularza ale im niżej tym bardziej prawej strony.

Część CSS:

[HTML] pobierz, plaintext 
#nagloweksrodek{
	float: left;
	height: 110px;
	width: 248px;
	display: table-cell;
	border-width: 1px;
	border-style: ridge;	
}
 
#nagloweksrodek-wyszukiwarka{   /*tu znajduje się formularz*/
	/*padding: 70px;*/	
	height: 80%;
	width: 80%;
	background: yellow;
}
[HTML] pobierz, plaintext 

Ten post edytował kosmos 5.11.2013, 22:17:58

[kamil4u]

słowa klucz: position i bottom

Jak sobie nie poradzisz wrzuć demo np. tu: http://jsfiddle.net/

[kosmos]

Niestety nie potrafię obniżyć na dół tego formularza ....

http://jsfiddle.net/at4Hg/

[kamil4u]

http://jsfiddle.net/at4Hg/1/ - na przyszłość proszę nie pisać do mnie PW, jeżeli nie jest to typowo prywatna sprawa - po to jest forum, dzięki temu ktoś kto będzie miał podobny problem znajdzie roziwązanie

Pozdrawiam

[kosmos]

Przepraszam za PW ...
otrzymany efekt po dodaniu Twoich zmian nie jest dla mnie poprawny.
Chodzi o to aby pole tekstowe wraz z buttonem znajdowały się na samym dole żółtego prostokąta.

[kamil4u]

Sam w przykładzie ustawiłeś bottom na 10px. Zmień na 0 i będzie ok: http://jsfiddle.net/at4Hg/9/