[CSS] Dwa elementy po 100% szerokości w poziomie Opcje

[d.stp]

Mam kolejny problem, próbuję osiągnąć takie coś:

(IMG:http://s2.postimg.org/bjsiqn0e1/Bez_tytu_u.png)

Problem jest w tym, że jak dam tak jak na obrazku to wtedy te drugie okienko w tym dużym ucieka pod te pierwsze...

Te dwa okienka w tym dużym to inputy:

[HTML] pobierz, plaintext 
.enter {
		width: 100%;
		position: absolute;
		bottom: 0;
		background: #eee;
		padding: 5px 0px 5px 0px;
	}
 
		form {
			margin: 0;
			padding: 0;
		}
 
		input[type="text"] {
			background: #f9f9f9;
			width: 80%;
			border-radius: 0;
			border: 0;
			padding: 0;
			margin: 0;
		}
 
		input[type="submit"] {
			background: #2ecc71;
			border: 0;
			width: 20%;
			border-radius: 0;
			color: #fff;
			cursor: pointer;
			padding: 0;
			margin: 0;
		}
[HTML] pobierz, plaintext 

Jak to się robi, żeby te okienka zawsze miały ustaloną szerokość?

[d.stp]

wtedy jest, ale jak pomniejszam stronę to i tak ucieka w dół (IMG:style_emoticons/default/sad.gif)