Seitenverhältnis für eine DIV-Box

Hallo,
ich möchte dass eine DIV-Box, welche mittig auf der Website positioniert ist, beim vergrößern oder verkleinern des Browserfensters das Seitenverhältnis beibehält. Da ich aus meiner Google-Recherche nicht schlau geworden bin, frage ich nun hier. Mir ist zwar klar, dass man das ganze im Notfall auch mit JS realisieren kann, jedoch wäre dies eine meiner letzten Lösungen.

Hier das CSS für die DIV-Box:
[HTML]#main {
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
}[/HTML]

Vielen Dank schon einmal für die Antworten
oivlis 111