css - CSS/XHTML & 静的 Web ページ?

Question

この Web ページをもう少し静的に見せようとしています。
解像度が小さい場合、テキストは div 要素内に正しく収まりません。
ウェブサイトはこちら: http://www.vidimortem.info/
これ が私の 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 はここにあります: http://pastebin.com/raw.php?i=L0xBLau2
よろしくお願いします。

Answer 1

CSS を次のように変更します。

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

Answer 2

ボックスの高さを削除するだけです。