text na obrazok

zdravim, ked chcem dat obrazok a na to text bez toho aby som to nemusel robit v grafickom editore, viete mi niekto povedat kde je tá chyba? kedže na prvom obrazku je normalne indexe zapisane <div class="background"> a tomu elementu v style.css je pridana širka: 100% vyška :550px, taak ten obrazok nieje cely len čast sneho , a na druhom obrazku ked zmenim v indexe ten div class=background na <img src="obrazok.jpg" width="100%" height="550"> tak mi ho roztiahne cely automaticky na širku ako ma byt lenže ten ramček s textom hodi pod to.. vid obrazok , neviem ako to mam zapisat tak aby mohol byt ten ramček s textom na tom obrazku plne roztiahnutom. dik za pomoc

Nastav poziciu textu na obrazok a použi z-index

nejako som ta nepochopil , možeš mi to podrobnejšie napisat čo mam zmenit? dik

.transbox, nastav mu poziciu (position) a z-index

div.background nastav position relative
div.transbox nastav position absolute
odporucam ale ten transbox obalit este nejakeho wrapperu, ktory bude mat 100% width a ten transbox neurcovat sirku fixne..
toto nebude nikdy responzivne jedine ze by si sa donekonecna hral s media queries.