CSS/XHTML&；静态网页？

我想让这个网页看起来更静态一些
在分辨率较小的情况下，文本将无法正确放入div元素中
网址如下：
这是我的CSS：

body {
   width: auto;
   background-color: #FFFFFF;
}
div  {
   border-radius: 0px 5px 5px 5px;
}

/* class identifiers */
.alignmentDiv {
   width: inherit;
   font-family: sans-serif;
   text-align: center;
   color: #000000;
 }

.headerDiv {
   background-color: #318B7C; 
   width: inherit;
   height: 40px;
   margin: auto auto; 
   border-radius: 15px; /* i'm currently hating how css3 hasn't fully been implemented to all themes so it doesn't colorize. */ 
   opacity: 0.8;
}
.sidebarDiv   {
   background-color: #748B31; 
   width: 40%;
   height: 220px; 
   padding: 1% 1% 1% 1%;
   display: inline-block;
   box-shadow: 3px 3px 3px 3px #ccc;
}
.linksDiv {
   background-color: #ACACAC; 
   width: 40%;
   height: 200px; 
   padding: 1% 1% 1% 1%;
   font-size: 14px;
   display: block;
   float: right;
   text-align: justify;
   box-shadow: 3px 3px 3px 3px #ccc;
}
.aboutDiv     {
   background-color: #468B31;
   box-shadow: 3px 3px 3px 3px #ccc;
   width: 50%; 
   height: 130px;
   padding: 1% 1% 1% 1%;
   margin: auto auto;
   margin-top: 3%;
   font-size: 11px;
   display: block; 
   text-align: justify;
}

a {
   color: #F92672;
   text-decoration: none;
   font-weight: bold;
}
a:hover {
   color: #FC689D;
   text-decoration: underline;
}

我想在不改变外观的情况下尽可能使其保持静态。 HTML可在此处找到：
提前谢谢

通过以下方式更改CSS：

---

只需去掉盒子的高度。

你的问题是什么？我在问为什么我的元素不是完全静态的。请看，如果最小化窗口，文本将不太适合，因此，这意味着某些分辨率可能与它不兼容。因此，我希望尽可能使它保持静态，而不给它太多明显的异构性。如果您不希望div缩小，请不要在

%

中应用

width

，使用

px

或

em

。您明白我所说的静态是什么意思吗？所有监视器都应该是一样的。使用像素毫无疑问。由于许多原因，你的网站看起来永远不会完全一样，只是或多或少都一样。那么拥有800×600个显示器的人呢？那不是很糟糕吗？啊，我道歉！我刚刚试过，效果非常好。非常感谢你。

body {
   width: 1070px;
   margin: auto;
   background-color: #FFFFFF;
}