Ciao a tutti

ho creato una struttura a 2 colonne con larghezza fissa. L'altezza è variabile.
Ho riscontrato un problema che non riesco a risolvere in alcun modo. Questo è il CSS

Codice PHP:
<style type="text/css">
htmlbody {
    
margin0;
    
padding0;
    
height100%;
    
width100%;
    
background-color#002e5c;
    
background-image:url(bg.jpg);
    
background-position:center top;
    
background-repeat:no-repeat;
}

#main {
width949px/*Width of main container*/
margin0 auto/*Center container on page*/
}

#rightcolumn {
floatleft;
width729px;
background-color#efefef;
height100%;
}

#leftcolumn {
floatleft;
width220px/*Width of left column*/
margin-left: -949px/*Set left margin to -(MainContainerWidth)*/
height100%;
}

div.menu {
width220px;
height530px;
margin0;
padding0;
backgroundurl(gfx/sfondo_menu.pngno-repeat;
}

div.sfondo {
width220px/*Width of left column*/
height100%;
backgroundurl(gfx/sfondo_menu.gifrepeat;
}

#footer {
clearleft;
width949px;
height29px;
backgroundurl(gfx/sfondo_piede.pngno-repeat;
color#FFF;
text-aligncenter;
padding0px 0;
}
</
style
e questo è l'html

Codice PHP:
<div id="main">
    <
div id="contenuto">
        <
div id="rightcolumn">
            <
div class="innertube">Contenuto destra </div>
        </
div>
    </
div>

    <
div id="leftcolumn">
        <
div class="menu">Contenuto sinistra</div>
        <
div class="sfondo"></div>
    </
div>
    <
div id="footer">Footer</div>    
</
div
Il mio problema è che lo sfondo della colonna di sinistra che dovrebbe continuare PER TUTTA L'ALTEZZA della colonna destra, invece termina quando terminano i contenuti della colonna sinistra, perciò io mi ritrovo con 1 colonna mezza vuota (ho provato anche mettendo lo sfondo, ma il risultato è uguale. Ho visto che ci sono delle soluzioni con layout fluidi e le ho anche provate senza successo.

Ho provato a creare un altro div (chiamato sfondo) sotto il div menu... ma niente da fare... essendo vuoto non mi fa vedere nulla....

Grazie a chi mi risolverà sta cosa.