Wydaje mi się, że w css nie ustalisz wysokości na 100%, choć nie chcę wprowadzać w błąd.
Jeżeli masz pewność, że lewa kolumna będzie zawsze niższa i zależy Ci na żółtym kolorze tła w lewej kolumnie to możesz w css dopisać
#bottom
{
background-color: yellow;
float: left;
}
a do div#content dopisać:
#content {
padding-left:15px;
width:650px;
float:left;
background-color: #fff;
}
Jeżeli chciałbyś ustawić wysokość div#nav na taką jak div#content to jedynie javascript przychodzi mi do głowy.
Dziękuję za odpowiedź, zawsze takie workaroundy się przydają, aczkolwiek na innym forum (od użytkownika dzek69) dostałem odpowiedź aby dopisać
#bottom { display: table-row; }
#nav, #content { display: table-cell; float: none; }
To sprawia, że te divy zachowują się jak tabelka i to także daje spodziewany efekt. Problem rozwiązany na dwa sposoby. Dziękuję