Text in DIV skaliert nicht mit

[Frau Holle]

Hallo,
ich habe folgendes Problem auf das ich leider noch keine Lösung gefunden habe.
Ich habe ein Menü aus 3 DIV-Ebenen (Hintergrundbild, Button und Text). Die Button verändern sich auch wunderbar wenn man die Auflösung oder Fenstergröße ändert. Nur leider der Text nicht.

Er ist immer gleich gross und es sieht daher eher mies aus. Bilder möchte ich für den Text nicht nehmen, weil die Seite so schon nicht zu den schnellsten im Netz gehört.

Ein Beispiel aus der .html:

<div id="box1"><img src="Images/Menu/Button_leer.gif" width="95%" height="20%" border="0" alt="" >
    <div id="text1"><a href="indox.html" target="rechts">HOME</a></div></div>

Und aus der .css:

body  {
 margin:0;
 background-color:#000000;
 font-family:Verdana;
 font-weight: bold;
 font-size:70%
}

#box1  { position:absolute; left:15%; top:4%;  width:75%; height:35%; z-index:2; }
#text1 { position:relative; top:-15%; left: 35% }

Danke für eure Hilfe. Wenn das Thema vor kurzem schonmal dran war, bitte nicht sauer sein, hab ich übersehen. Wäre nett, wenn ihr mir dann einen Suchbegriff nennen könntet :)

Achja, es ist das linke Menü auf der verlinkten Seite.