Anfänger - HTML/CSS Problem

[werbebanner]

Hallo, hab eine Frage und zwar möchte ich einen Text auf einem Hintergrund der Bildschirmbreite anpassen. Wird der Bildschirm schmäler geschoben, soll sich auch der Text daran anpassen und nicht einfach abgeschnitten werden.
Die Höhe von dem Hintergrund muss dabei unbedingt aber immer auf 100% bleiben.

Mein CSS-Code:

#container {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;	
}

section#home {
	background-image: url("bg/hintergrund.png");
	background-repeat:no-repeat;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	height: 100%;
	
}

#home_t1 {
    padding-left: 50%;
    padding-right: 5%;
	
}

Ich denke es liegt an der festen Breite von 1024px die ich angegeben habe. Allerdings kann ich die ja nicht löschen da die komplette Seite nur in einem Bereich von 1024px breite stattfinden soll.

Das hintergrund bild ist auch nur 1024px breit.

Kann mir niemand helfen?