Tyypillinen CSS-ongelma on saada navigointipalkin taustaväri jatkumaan koko sivun korkuisena. height-ominaisuudella pystyy määräämään divin korkeuden järkevästi vain näkyvän ruudun korkuiseksi (100 %). Halutessa taustaväri jatkumaan pitemmälle pitää divin taustasta tehdä läpinäkyvä ja käyttääkin pohjalla olevan divin tai bodyn väriä.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur condimentum nunc vel leo. Aenean ligula nisl, tempus vel, ultricies vel, bibendum in, lectus. Donec turpis urna, adipiscing eu, ornare ac, cursus facilisis, mi. Sed quis eros. Curabitur ut erat. Nulla facilisi. Donec pulvinar sagittis orci. Mauris tincidunt pharetra velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum nec urna eget arcu congue dignissim. Vestibulum sollicitudin, urna non malesuada consequat, felis urna tincidunt tellus, vel mollis orci elit ut dolor. Quisque pellentesque felis pulvinar neque. Suspendisse potenti. Morbi porta justo non erat. Ut id tortor. Aliquam erat volutpat. Etiam wisi. Donec augue enim, cursus a, venenatis nec, sollicitudin vel, tellus.

Proin ante massa, dictum nec, faucibus at, interdum ac, purus. Quisque facilisis facilisis ante. Donec tempor lorem et urna. Quisque sagittis est nec nulla. In eget mauris accumsan nibh imperdiet dignissim. Praesent eu velit. Aliquam non nulla. Vestibulum ut leo. Maecenas congue dictum ligula. Nullam fringilla dui ac lacus.

Donec sodales porta nunc. Maecenas pede tortor, mattis quis, tincidunt non, ultrices id, libero. Vestibulum vel lectus quis quam commodo consequat. Donec venenatis mauris at tellus. Maecenas erat lacus, pulvinar vel, porta non, iaculis ut, ligula. Sed ante urna, vehicula vitae, elementum eget, egestas sed, magna. Pellentesque ultricies dictum ligula. Quisque molestie, urna sed aliquet ullamcorper, eros nunc mattis ante, ut porttitor leo magna lacinia lacus. Mauris tortor turpis, ultrices vel, varius quis, sollicitudin vel, velit. Vivamus non orci. In tempor fermentum dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum, lectus ut rutrum ullamcorper, turpis est interdum wisi, ultricies porta sapien nunc vel turpis. Proin accumsan urna et lectus. Praesent ac felis vitae odio congue tincidunt.

Sed ac turpis eget sem tristique posuere. Praesent consequat, metus sed elementum sagittis, purus erat fringilla nunc, at dapibus nisl massa eget magna. Integer erat pede, ultrices eget, elementum ut, laoreet id, dolor. Sed vitae massa. Nam feugiat hendrerit elit. Nam ultricies lorem vel dolor. Proin risus. Donec laoreet, felis sed nonummy ullamcorper, enim tellus congue tellus, eget pharetra lacus purus in massa. Morbi eu risus et mi consequat mollis. Nullam eros sem, scelerisque ac, posuere eget, rhoncus vitae, nulla. Integer vitae purus eu justo aliquam posuere. Etiam suscipit. Praesent blandit, mauris at egestas lacinia, neque libero porttitor odio, eget faucibus dui nunc ac diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam lorem mauris, consequat et, vestibulum at, pellentesque sed, est. Nulla pede. Nam laoreet. Praesent volutpat pede sit amet orci. Nullam a arcu in eros varius imperdiet. Nullam pellentesque.

Aliquam a ligula. Integer a ipsum. Nullam rhoncus, elit ut tristique pretium, massa tellus tristique massa, faucibus mollis metus magna sit amet lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In ante erat, luctus vulputate, iaculis ac, ultricies sit amet, wisi. Suspendisse mollis sem eget pede. Etiam quis dolor at sem mollis bibendum. Praesent luctus felis id wisi. Donec sagittis tempus enim. Ut molestie, erat sed aliquet aliquet, libero velit accumsan leo, et porttitor mauris massa ac est. Suspendisse risus neque, laoreet fringilla, consectetuer sed, sollicitudin non, lacus. Morbi tincidunt.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur condimentum nunc vel leo. Aenean ligula nisl, tempus vel, ultricies vel, bibendum in, lectus. Donec turpis urna, adipiscing eu, ornare ac, cursus facilisis, mi. Sed quis eros. Curabitur ut erat. Nulla facilisi. Donec pulvinar sagittis orci. Mauris tincidunt pharetra velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum nec urna eget arcu congue dignissim. Vestibulum sollicitudin, urna non malesuada consequat, felis urna tincidunt tellus, vel mollis orci elit ut dolor. Quisque pellentesque felis pulvinar neque. Suspendisse potenti. Morbi porta justo non erat. Ut id tortor. Aliquam erat volutpat. Etiam wisi. Donec augue enim, cursus a, venenatis nec, sollicitudin vel, tellus.

Proin ante massa, dictum nec, faucibus at, interdum ac, purus. Quisque facilisis facilisis ante. Donec tempor lorem et urna. Quisque sagittis est nec nulla. In eget mauris accumsan nibh imperdiet dignissim. Praesent eu velit. Aliquam non nulla. Vestibulum ut leo. Maecenas congue dictum ligula. Nullam fringilla dui ac lacus.

Donec sodales porta nunc. Maecenas pede tortor, mattis quis, tincidunt non, ultrices id, libero. Vestibulum vel lectus quis quam commodo consequat. Donec venenatis mauris at tellus. Maecenas erat lacus, pulvinar vel, porta non, iaculis ut, ligula. Sed ante urna, vehicula vitae, elementum eget, egestas sed, magna. Pellentesque ultricies dictum ligula. Quisque molestie, urna sed aliquet ullamcorper, eros nunc mattis ante, ut porttitor leo magna lacinia lacus. Mauris tortor turpis, ultrices vel, varius quis, sollicitudin vel, velit. Vivamus non orci. In tempor fermentum dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum, lectus ut rutrum ullamcorper, turpis est interdum wisi, ultricies porta sapien nunc vel turpis. Proin accumsan urna et lectus. Praesent ac felis vitae odio congue tincidunt.

Sed ac turpis eget sem tristique posuere. Praesent consequat, metus sed elementum sagittis, purus erat fringilla nunc, at dapibus nisl massa eget magna. Integer erat pede, ultrices eget, elementum ut, laoreet id, dolor. Sed vitae massa. Nam feugiat hendrerit elit. Nam ultricies lorem vel dolor. Proin risus. Donec laoreet, felis sed nonummy ullamcorper, enim tellus congue tellus, eget pharetra lacus purus in massa. Morbi eu risus et mi consequat mollis. Nullam eros sem, scelerisque ac, posuere eget, rhoncus vitae, nulla. Integer vitae purus eu justo aliquam posuere. Etiam suscipit. Praesent blandit, mauris at egestas lacinia, neque libero porttitor odio, eget faucibus dui nunc ac diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam lorem mauris, consequat et, vestibulum at, pellentesque sed, est. Nulla pede. Nam laoreet. Praesent volutpat pede sit amet orci. Nullam a arcu in eros varius imperdiet. Nullam pellentesque.

Aliquam a ligula. Integer a ipsum. Nullam rhoncus, elit ut tristique pretium, massa tellus tristique massa, faucibus mollis metus magna sit amet lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In ante erat, luctus vulputate, iaculis ac, ultricies sit amet, wisi. Suspendisse mollis sem eget pede. Etiam quis dolor at sem mollis bibendum. Praesent luctus felis id wisi. Donec sagittis tempus enim. Ut molestie, erat sed aliquet aliquet, libero velit accumsan leo, et porttitor mauris massa ac est. Suspendisse risus neque, laoreet fringilla, consectetuer sed, sollicitudin non, lacus. Morbi tincidunt.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur condimentum nunc vel leo. Aenean ligula nisl, tempus vel, ultricies vel, bibendum in, lectus. Donec turpis urna, adipiscing eu, ornare ac, cursus facilisis, mi. Sed quis eros. Curabitur ut erat. Nulla facilisi. Donec pulvinar sagittis orci. Mauris tincidunt pharetra velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum nec urna eget arcu congue dignissim. Vestibulum sollicitudin, urna non malesuada consequat, felis urna tincidunt tellus, vel mollis orci elit ut dolor. Quisque pellentesque felis pulvinar neque. Suspendisse potenti. Morbi porta justo non erat. Ut id tortor. Aliquam erat volutpat. Etiam wisi. Donec augue enim, cursus a, venenatis nec, sollicitudin vel, tellus.

Proin ante massa, dictum nec, faucibus at, interdum ac, purus. Quisque facilisis facilisis ante. Donec tempor lorem et urna. Quisque sagittis est nec nulla. In eget mauris accumsan nibh imperdiet dignissim. Praesent eu velit. Aliquam non nulla. Vestibulum ut leo. Maecenas congue dictum ligula. Nullam fringilla dui ac lacus.

Donec sodales porta nunc. Maecenas pede tortor, mattis quis, tincidunt non, ultrices id, libero. Vestibulum vel lectus quis quam commodo consequat. Donec venenatis mauris at tellus. Maecenas erat lacus, pulvinar vel, porta non, iaculis ut, ligula. Sed ante urna, vehicula vitae, elementum eget, egestas sed, magna. Pellentesque ultricies dictum ligula. Quisque molestie, urna sed aliquet ullamcorper, eros nunc mattis ante, ut porttitor leo magna lacinia lacus. Mauris tortor turpis, ultrices vel, varius quis, sollicitudin vel, velit. Vivamus non orci. In tempor fermentum dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum, lectus ut rutrum ullamcorper, turpis est interdum wisi, ultricies porta sapien nunc vel turpis. Proin accumsan urna et lectus. Praesent ac felis vitae odio congue tincidunt.

Sed ac turpis eget sem tristique posuere. Praesent consequat, metus sed elementum sagittis, purus erat fringilla nunc, at dapibus nisl massa eget magna. Integer erat pede, ultrices eget, elementum ut, laoreet id, dolor. Sed vitae massa. Nam feugiat hendrerit elit. Nam ultricies lorem vel dolor. Proin risus. Donec laoreet, felis sed nonummy ullamcorper, enim tellus congue tellus, eget pharetra lacus purus in massa. Morbi eu risus et mi consequat mollis. Nullam eros sem, scelerisque ac, posuere eget, rhoncus vitae, nulla. Integer vitae purus eu justo aliquam posuere. Etiam suscipit. Praesent blandit, mauris at egestas lacinia, neque libero porttitor odio, eget faucibus dui nunc ac diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam lorem mauris, consequat et, vestibulum at, pellentesque sed, est. Nulla pede. Nam laoreet. Praesent volutpat pede sit amet orci. Nullam a arcu in eros varius imperdiet. Nullam pellentesque.

Aliquam a ligula. Integer a ipsum. Nullam rhoncus, elit ut tristique pretium, massa tellus tristique massa, faucibus mollis metus magna sit amet lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In ante erat, luctus vulputate, iaculis ac, ultricies sit amet, wisi. Suspendisse mollis sem eget pede. Etiam quis dolor at sem mollis bibendum. Praesent luctus felis id wisi. Donec sagittis tempus enim. Ut molestie, erat sed aliquet aliquet, libero velit accumsan leo, et porttitor mauris massa ac est. Suspendisse risus neque, laoreet fringilla, consectetuer sed, sollicitudin non, lacus. Morbi tincidunt.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur condimentum nunc vel leo. Aenean ligula nisl, tempus vel, ultricies vel, bibendum in, lectus. Donec turpis urna, adipiscing eu, ornare ac, cursus facilisis, mi. Sed quis eros. Curabitur ut erat. Nulla facilisi. Donec pulvinar sagittis orci. Mauris tincidunt pharetra velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum nec urna eget arcu congue dignissim. Vestibulum sollicitudin, urna non malesuada consequat, felis urna tincidunt tellus, vel mollis orci elit ut dolor. Quisque pellentesque felis pulvinar neque. Suspendisse potenti. Morbi porta justo non erat. Ut id tortor. Aliquam erat volutpat. Etiam wisi. Donec augue enim, cursus a, venenatis nec, sollicitudin vel, tellus.

Proin ante massa, dictum nec, faucibus at, interdum ac, purus. Quisque facilisis facilisis ante. Donec tempor lorem et urna. Quisque sagittis est nec nulla. In eget mauris accumsan nibh imperdiet dignissim. Praesent eu velit. Aliquam non nulla. Vestibulum ut leo. Maecenas congue dictum ligula. Nullam fringilla dui ac lacus.

Donec sodales porta nunc. Maecenas pede tortor, mattis quis, tincidunt non, ultrices id, libero. Vestibulum vel lectus quis quam commodo consequat. Donec venenatis mauris at tellus. Maecenas erat lacus, pulvinar vel, porta non, iaculis ut, ligula. Sed ante urna, vehicula vitae, elementum eget, egestas sed, magna. Pellentesque ultricies dictum ligula. Quisque molestie, urna sed aliquet ullamcorper, eros nunc mattis ante, ut porttitor leo magna lacinia lacus. Mauris tortor turpis, ultrices vel, varius quis, sollicitudin vel, velit. Vivamus non orci. In tempor fermentum dolor. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed condimentum, lectus ut rutrum ullamcorper, turpis est interdum wisi, ultricies porta sapien nunc vel turpis. Proin accumsan urna et lectus. Praesent ac felis vitae odio congue tincidunt.

Sed ac turpis eget sem tristique posuere. Praesent consequat, metus sed elementum sagittis, purus erat fringilla nunc, at dapibus nisl massa eget magna. Integer erat pede, ultrices eget, elementum ut, laoreet id, dolor. Sed vitae massa. Nam feugiat hendrerit elit. Nam ultricies lorem vel dolor. Proin risus. Donec laoreet, felis sed nonummy ullamcorper, enim tellus congue tellus, eget pharetra lacus purus in massa. Morbi eu risus et mi consequat mollis. Nullam eros sem, scelerisque ac, posuere eget, rhoncus vitae, nulla. Integer vitae purus eu justo aliquam posuere. Etiam suscipit. Praesent blandit, mauris at egestas lacinia, neque libero porttitor odio, eget faucibus dui nunc ac diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nullam lorem mauris, consequat et, vestibulum at, pellentesque sed, est. Nulla pede. Nam laoreet. Praesent volutpat pede sit amet orci. Nullam a arcu in eros varius imperdiet. Nullam pellentesque.

Aliquam a ligula. Integer a ipsum. Nullam rhoncus, elit ut tristique pretium, massa tellus tristique massa, faucibus mollis metus magna sit amet lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In ante erat, luctus vulputate, iaculis ac, ultricies sit amet, wisi. Suspendisse mollis sem eget pede. Etiam quis dolor at sem mollis bibendum. Praesent luctus felis id wisi. Donec sagittis tempus enim. Ut molestie, erat sed aliquet aliquet, libero velit accumsan leo, et porttitor mauris massa ac est. Suspendisse risus neque, laoreet fringilla, consectetuer sed, sollicitudin non, lacus. Morbi tincidunt.