relative laenge von <div>

    hi, ich habe ien proglem beim ausrichten eines rands auf einer homepage!

    direkt am beispiel erklärts sich besser:
    http://www.frea.de/test3/home01.php

    also ich habe ein grosses div-element (schwarzer durchgezogener rand)
    und darin lauter andere elemente (silberner gestrichelter rand) wovon die navigation mit float links und der rand mit float rechts ausgerichtet ist!
    diese beiden haben mit css als background folgendes zugewiesen bekommen:

    Code
    background: transparent url("pics/rand_kachel01.gif") repeat-y 100% 100%;

    nun habe ich das problem, dass ich diesen rändern nur feste höhen zuweisen kann, sobald die felder in der mitte vertikal mehr platz einnehmen als die ränder, sehen die ränder scheisse aus, wie man auf dem link sehen kann.

    weiss jemand wie ich die ränder dynamisch an den text in der mitte bzw an die groesse des umgebenden <div>s anpasse?

    denk für eure hilfe :)

    ähm.. ich bin nicht genau sicher welchen rand du meinst...
    aber wäre ne css-lösung nicht auch drin ?

    border:1px dashed #cccccc;

    die wär dann z.b. auch gestrichelt...
    wenn du aber den dicken "schatten" meinst, ok, dann fällt css ins wasser...

    ja, ich meine zum einen den "dicken schatten" rechts und zum anderen diese weisse grafik von der navigation links.... in diesem beispiel sollen sie bis unten reichen! aber ich kann beim height-attribut jedoch nur absolute werte wie 800px eingeben, würde jedoch gerne eingeben, dass die höhe einfach 100% vom elternelement einnimmt.
    wie mache ich das?