få et billed til at gå mod højre og rykke et andet billed

Hej, som overskriften lidt siger, så har jeg et problem med min CSS kode, jeg har 3 billeder.
det første er lidt stort og skal ALTID være mod venstre side af browseren, så har jeg et andet som skal være op af det første billed, men det skal så tilpasse sig browserens størrelse,(det er det som er problemet, den gider ikke..)

og så har jeg det sidste billed som lige skal "lukke" hele top logoet.

håber i forstår hvad jeg mener ,

her er min CSS kode

#logo_ramme {
	width: auto;
	height: 230px;
	float: left;
}


#logo_01 {
	background-image: url(../images/logo_01.jpg);
	float: left;
	height: 230px;
	width: 824px;
}
#logo_02 {
	background-image: url(../images/logo_02.jpg);
	float: left;
	height: 230px;
	width: 22px;
	background-repeat: repeat-x;
}

#logo_03 {
	background-image: url(../images/logo_03.jpg);
	height: 230px;
	width: 142px;
	float: left;
}

EDIT:!!

jeg har lige fundet ud af hvorn jeg gjorde så den forsætter mod højre, men den hopper den på næste linje , en som kan fixe det for mig?.

#logo_ramme {
	width: 100%;
	height: 230px;
	float: left;
}


#logo_01 {
	background-image: url(../images/logo_01.jpg);
	float: left;
	height: 230px;
	width: 824px;
}
#logo_02 {
	background-image: url(../images/logo_02.jpg);
	float: left;
	height: 230px;
	width: 100%;
}

og så har jeg slette logo_03 da jeg ikke skal bruge den aligevel (:

Tak på forhånd