[xhtml] tekst w div'ie Opcje

[!*!]

powiedzmy że mam coś takiego:

(IMG:http://images21.fotosik.pl/9/2274d149d61da78am.png)

div żółty to div głowny z zawartościa strony
div niebieski odpowiada za menu

gdy okno przegladarki sie zmiejszy / zmieni sie rozdzielczosc to div żółty zostaje dopasowany do niej a div niebieski pozostaje bez zmian i oto mi własnie chodzi i tak jest...

ale jakbym chciał dodać tekst do diva zółtego to wjedzie on na div niebieski:

(IMG:http://images21.fotosik.pl/10/334e88ac32f1c49em.png)

a ja bym chciał aby tekst miescił sie tylko w divie zółtym i pomniejszałby sie do rozmaru strony:

(IMG:http://images21.fotosik.pl/10/55d6aed14f680e06m.png)

css:

[HTML] pobierz, plaintext 
#zolty{
 
width: 100%; 
height:200px; 
position:absolute; 
left:0px; 
top: 30px; 
border-top: 1px solid #fad163;
border-bottom: 1px solid #fad163;
 
}
 
#niebieski{
 
	 position:absolute;
	 width: 250px; 
	 height: 100%; 
	 right:0px; 
	 top: 0px;
	 border-left: 1px solid #fad163;
 
}
[HTML] pobierz, plaintext 

wiecie może jak uzyskać taki efekt?