[CSS][HTML] Rozciagajace sie okienko Opcje

[R2D2]

Witam! Napotkałem następujący problem.
Mam coś takiego w body:

[HTML] pobierz, plaintext 
<div class="popup" style="visibility: visible">
<div class="bg_white"></div>
<div class="visible">
  <div class="window">
       <div class="top">
            <span class="left"></span>
            <a href="#">
            <span class="right"></span>
            </a>
            <span class="middle">
                  Tytuł Popupa
            </span>
       </div>
       <div class="bottom">
            Zawartość!
            <div style="clear: both"></div>
       </div>
  </div>
</div>
[HTML] pobierz, plaintext 

CSS dotyczacy tego kawalka:

[HTML] pobierz, plaintext 
div.popup {
      width: 100%;
      padding-bottom: 100%;
      top: 0;
      position:fixed;
      _position:absolute;
}
div.bg_white {
      width: 100%;
      padding-bottom: 100%;
      _padding-bottom: 105%;
      z-index:2;
      top: 0;
      position:absolute;
      background: #808080;
      opacity:0.8;
      filter : alpha(opacity=80)
}
div.visible {
      z-index:3;
      width: 100%;
      position: absolute;
      margin: 0 auto;
      margin-top: 150px;
      _margin-top: 410px;
}
div.window {
      margin-left: auto;
      margin-right: auto;
      width: auto;
      max-width: 700px;
      _width: 450px;
}
.window div.top
{
      width: 100%;
      height: 26px;
}
.window div.top span.left {
      width: 16px;
      height: 27px;
      float: left;
      background: url(../images/ba_l.gif) no-repeat;
}
.window div.top span.middle
{
      height: 25px;
      margin-left: 16px;
      margin-right: 31px;
      display: block;
      _margin:0;
      _float: left;
      _width: 403px;
      border-top: 1px #f0cca3 solid;
      border-bottom: 1px #f0cca3 solid;
      background: #f58300;
      color: #ffffff;
      font-weight: bold;
}
.window div.top span.right
{
      width:31px;
      height: 27px;
      display: block;
      float: right;
      cursor: pointed;
      background: url(../images/ba_r.gif) no-repeat;
}
.window div.bottom {
      width: 100% -2px;
      border: 1px #f0cca3 solid;
      background: #ecf6ff;
      border-top: 0px;
      clear: both;
}
[HTML] pobierz, plaintext 

Chciałbym to tak napisać... By moje okienko rozciągało się proporcjonalnie do zawartości(w poziomie i pionie). Ktoś już walczył z podobnymi przypadkami ?

Ten post edytował R2D2 14.10.2008, 21:17:03