Mr. Unknown: Größe Proportial ändern

Beitrag lesen

Hallo!
Ich bin im Bereich Html noch ein ziemlicher Anfänger.
Wenn man das Fenster des Browsers maximiert ist das iframe neben dem Menü. Wenn man das Fenster schmäler macht springt es irgendwann unter das Menü. Das möchte ich verhindern! Bloß wie? Es liegt ja wahrscheinlich daran, dass sich die Prozentangabe der Größe des iframes an dem Haupfenster orientiert.

Seeeeeeeeehr gekürzter Code meiner Homepage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
#sidebar{float: left;width: 250px;}
#home{margin: auto;}
</style>
<html>
<body>
<div id="sidebar">
<ul>
      <li><strong>Home</strong></li>
      <li>...
</ul>
</div>
<div id="home">
<iframe name="mainframe" scr="Home/index.php" width="70%" height="100%">
</div>
</body>
</html>

Hoffe ihr könnt mir helfen