[CSS] problem z height="100%"

Witam, mam dość powszechny problem mianowicie height="100%" chciałbym aby jeden z moich kontenerów o nazwie #kontener-lewy-menu dostosowywał się do wysokości strony i rozciągał na całą jego długość wypełniając się tłem z danego obrazka zastosowałem na dzień dzisiejszy coś takiego

html,body{
      margin-top: 0px; 
      margin-bottom: 0px; 
      margin-left: 0px; 
      margin-right: 0px;
      padding:0;
      height:100%;
      border:none;
}

dzięki temu kontener rozciąga się na wysokość przeglądarki jednak nie taki efekt chciałem osiągnąć.
Niżej zamieszczam linka do strony i plik css.
strona:http://www.dubicze1.home.pl/aktual-new.html
i plik css http://www.dubicze1.home.pl/css/css.css

Nigdy nie rób w % tylko px; ,Strzelam bo nie ort! nawet w kod position absolute i powinno pomóc

przyznam że nie bardzo rozumiem dlaczego mam nie używać % nie wszystko da się przecież określić w px. no i pozycjonowanie absolutne nie bardzo tu pomaga

użyj metody faux columns lub jeśli koniecznie chcesz mieć 100% to pamiętaj, że jeśli podajesz wymiary w procentach element nadrzędny musi mieć podane wymiary (choćby w procentach) - sprowadza się to do tego, że ustawiasz height:100% dla html, body, i kazdego elementu po drodze do tego elementu, który chcesz rozciągnąć.

w sumie zastanawiałem się już wcześniej nad fauxem ale to jest tak naprawdę ominięcie problemu a nie rozwiązanie go może jakieś inne propozycje jeszcze są ? aaa i jeśli chodzi oo ustalenie wszelkich wysokości od głównego kontenera do tego try chcę rozciągnąć to obydwa mają ustawioną wysokość na 100%

Jest inny problem. Masz 2 floaty, które wybiegają poza kontener. Dlatego 100% jest wysokością okna przeglądarki (wnętrza).

Ja bym przerzucił ten kontener-lewy-menu do diva z treścią, który tak się rozciąga.