You ask how to get rid of the scrollbar, and yes, overflow: hidden
is the way to go.
If the question is about how to avoid scrolling, your best approach is to design web pages that don't overflow, possibly using a combination of dynamic fluent designs and media queries to keep width and height of your content contained.
But I would actually recommend against that. There is no way for you to know beforehand what size of window your visitors will have. Have you thought of the useability differences in large screens and small screens? How about mobile browsers?
If you are really fixed on never allowing scroll, you could use the following css as a sneaky-devil trick:
body {
position: fixed;
left: 0px;
top: 0px;
}
But as I said, I wouldn't recommend it... Also, it probably won't work with older browsers. IE6 comes to mind. Maybe IE7 also...