Estensione verticale di un "div"

[Bane]

Ciao a tutti...sto lavorando da poco alla modifica di un template per Wordpress, fixed width, con header, main content, sidebar a destra e footer...cercando di editare il file della sidebar, mi si presenta il problema in immagine:



la sidebar non si prolunga fino alla fine della pagina, dove inizia il footer, ma si ferma li, lasciando un antiestetico spazio bianco. Ora, come posso fare in modo che il div della sidebar si estenda in altezza della stessa misura del contenuto principale? (dio che frase contorta, spero abbiate capito)

Ecco qualche riga di codice x darvi un idea:

------------------------------------------------
CSS per l'aspetto della sidebar

#content_inside_sidebar {
border-left:1px solid #bbb;
line-height:175%;
padding:0 20px 0 10px;
width:200px;
float:right;
background-color: #F9F7ED;

------------------------------------------------

File sidebar.php

<div id="content_inside_sidebar">


<center>
<form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<input type="text" name="s" id="s" size="17" /> <input type="submit" value="<?php _e('Search'); ?>" />
</form>
</center>





<?php UTW_ShowWeightedTagSetAlphabetical("coloredsizedta gcloud","",0) ?>

</div>



cmq, se volete controllare di persona, il sito è http://banedon.netsons.org

[Nikit]

Devi creare un div contenitore che contenga main content e sidebar a destra.
A questi due div dentro non dare nessuno sfondo, ma lo disegni tu (altezza va bene anche un solo pixel) e lo fai ripetere in verticale per il contenitore.

esempio:

<div id="container">
<div id="content">
</div>
<div id="sidebar">
</div>
</div>

CODICE CSS:

#container{
width:600px;
background:#colore url(file.gif) 0 0 repeat-y;
}

[Bane]

grazie 1000 x la risposta ora provo

EDIT: no stesso problema...
faccio prima a postare i files, chi vuole gli può dare un'occhio gliene sarei molto grato, è tutta sera che ci sbatto la testa

File CSS & sidebar.php (file zip da scaricare - Nota del moderatore)