Horizontal Scroll Bar Appear?

Question

How can I make a horizontal scroll bar appear so when the web page is resized the content wont moved around or get compacted? Example: http://www.techrepublic.com/ (resize thebrowser and youll notice that after a certain amount of resizing a horizontal scroll bar appears)
All my width values in my CSS are in percentages and when the page is shrunk the sontent gets compacted.

Answer 1

heres the page: http://tyharo.x10.mx/
I'm just tinkering with some layouts so it looks terrible.
and heres my css:
@charset "utf-8";
/* CSS Document */
body {
          margin:0;
          padding:0;
          height:100%;
.menublock {
          height:50px;
          width:52.6%;
          margin-bottom:0;
          margin-top:0;
          margin-left:23.7%;
          margin-right:23.7%;
          background-color:#CCC;
          overflow:hidden;
          position:relative;
.windowblock {
          width:100%;
          height:50px;
          background-color:#3399FF;
          border-bottom:inset;
          border-top:inset;
          border-bottom-color:#999999;
          border-top-color:#FFFFFF;
.bodyblock {
          height:50px;
          width:52.6%;
          height:250px;
          margin-bottom:0;
          margin-top:0;
          margin-left:23.7%;
          margin-right:23.7%;
          background-color:#CCC;
          overflow:hidden;
          position:relative;
#line1 {
          float:left;
          width:26.8%;
          height:250px;
          border-width:3px;
          margin-top:3px;
#line2 {
          float:left;
          margin-top:0;
          width:45%;
          height:250px;
          min-width:45%;
          position:relative;
#line3 {
          float:left;
          width:26.8%;
          height:250px;
          margin-top:3px;
#sectiongap {
          width:100%;
#menu {
          margin-left:30%;
          margin-top:3%
#footer {
ul.horizontal{
          margin:0;
          padding:0;
          list-style-type:none;
          text-align:center;
ul.horizontal li{
          display:block;
          float:left;
          padding:0 10px;