It is likely that some of the elements with 100% height have borders, padding, and/or margins. Any of these will sum up with the 100% height because of the default browser box model, and will make the content more than 100% in height, triggering the scrollbar. You can resolve this by zeroing them out via CSS. Be aware that the html and body tags have default margin / padding. After verifying that all the content is correctly sized, you can set the html/body overflow to hidden, so that the browser scrollbar is never shown.
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI